#3BCDDE#3BCDDE

#3BCDDE es un color claro y vivo de la familia verde azulado. Luminancia relativa 0.499; OKLCH L 78.1% C 0.121 H 206.6°. El mejor color de texto es #000000 con contraste 10.97:1 (cumple WCAG AA).

Valores del color

HEX#3BCDDE
RGBrgb(59, 205, 222)
HSLhsl(186, 71%, 55%)
HSVhsv(186, 73%, 87%)
CMYKcmyk(73.4%, 7.7%, 0%, 12.9%)
CIE-LABlab(75.98, -32.02, -19.42)
CIE-LCHlch(75.98, 37.44, 211.24°)
OKLaboklab(78.06% -0.1078 -0.054)
OKLCHoklch(78.06% 0.121 206.6)
XYZxyz(36.8140, 49.8620, 76.7772)
Luminance0.4987 (WCAG relative)
Temperaturecool
Familyteal

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#3BCDDE #DE4C3B
analogous
#3BDE9E #3BCDDE #3B7BDE
triadic
#3BCDDE #DE3BCD #CDDE3B
tetradic
#3BCDDE #9E3BDE #DE4C3B #7BDE3B
square
#3BCDDE #9E3BDE #DE4C3B #7BDE3B
split-complementary
#3BCDDE #DE3B7B #DE9E3B
monochromatic
#177C88 #20ACBC #3BCDDE #6FDAE7 #A4E8F0

Accesibilidad y contraste

On white

1.91
#3BCDDE on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.97
#3BCDDE on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #3BCDDE
10.97:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##3BCDDE#FFFFFF#000000##000000
##3BCDDE1.001.9110.9710.97
#FFFFFF1.911.0021.0021.00
#00000010.9721.001.001.00
##00000010.9721.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#BBC5DF
Deuteranopia (green-blind)
#A5B4DE
Tritanopia (blue-blind)
#00D6D2
Achromatopsia (no color)
#BBBBBB

Tokens de diseño y código

CSS
--color: #3bcdde;
/* rgb */ color: rgb(59, 205, 222);
/* oklch */ color: oklch(78.1% 0.121 206.6);
Tailwind
colors: {
  custom: {
    50: '#89dce8',
    500: '#3bcdde',
    950: '#000000',
  },
}
SCSS
$custom: #3bcdde;
$custom-light: #89dce8;
$custom-dark: #000000;
JSON
{
  "hex": "#3bcdde",
  "rgb": {
    "r": 59,
    "g": 205,
    "b": 222
  },
  "hsl": {
    "h": 186.258,
    "s": 71.179,
    "l": 55.098
  },
  "oklch": {
    "l": 0.78061,
    "c": 0.12055,
    "h": 206.6
  },
  "luminance": 0.49866
}

Semantic roles & 50–950 ramp

primary
#3BCDDE
secondary
#DD9F98
accent
#4D3AEE
background
#F9FDFE
surface
#F2FBFC
border
#CCD4D5
text
#0D1516
muted
#7E8384

Laboratorio de vista previa

Vista previa con #3BCDDE

Body copy rendered with the generated semantic roles for this colour.

Laboratorio de vista previa → · Comprobador de contraste → · Generador de paletas →

#3BCDDE — Tintiva