#76C2DE#76C2DE

#76C2DE es un color claro y moderadamente saturado de la familia cian. Luminancia relativa 0.477; OKLCH L 77.5% C 0.085 H 223.7°. El mejor color de texto es #000000 con contraste 10.54:1 (cumple WCAG AA).

Valores del color

HEX	#76C2DE
RGB	rgb(118, 194, 222)
HSL	hsl(196, 61%, 67%)
HSV	hsv(196, 47%, 87%)
CMYK	cmyk(46.8%, 12.6%, 0%, 12.9%)
CIE-LAB	lab(74.64, -16.17, -21.29)
CIE-LCH	lch(74.64, 26.73, 232.78°)
OKLab	oklab(77.49% -0.0616 -0.0588)
OKLCH	oklch(77.49% 0.085 223.7)
XYZ	xyz(39.9430, 47.7060, 76.1964)
Luminance	0.4771 (WCAG relative)
Temperature	cool
Family	cyan

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#76C2DE #DE9276

analogous

#76DEC6 #76C2DE #768EDE

triadic

#76C2DE #DE76C2 #C2DE76

tetradic

#76C2DE #C676DE #DE9276 #8EDE76

square

#76C2DE #C676DE #DE9276 #8EDE76

split-complementary

#76C2DE #DE768E #DEC676

monochromatic

#2A8CAF #45ACD2 #76C2DE #A7D8EA #D9EEF6

Accesibilidad y contraste

On white

1.99

#76C2DE on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

10.54

#76C2DE on #000000

AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #76C2DE

10.54:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##76C2DE	#FFFFFF	#000000	##000000
##76C2DE	1.00	1.99	10.54	10.54
#FFFFFF	1.99	1.00	21.00	21.00
#000000	10.54	21.00	1.00	1.00
##000000	10.54	21.00	1.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#B2BEE0

Deuteranopia (green-blind)

#A3B3DE

Tritanopia (blue-blind)

#43CBCB

Achromatopsia (no color)

#B8B8B8

Tokens de diseño y código

CSS

--color: #76c2de;
/* rgb */ color: rgb(118, 194, 222);
/* oklch */ color: oklch(77.5% 0.085 223.7);

Tailwind

colors: {
  custom: {
    50: '#a3d4e8',
    500: '#76c2de',
    950: '#000000',
  },
}

SCSS

$custom: #76c2de;
$custom-light: #a3d4e8;
$custom-dark: #000000;

JSON

{
  "hex": "#76c2de",
  "rgb": {
    "r": 118,
    "g": 194,
    "b": 222
  },
  "hsl": {
    "h": 196.154,
    "s": 61.176,
    "l": 66.667
  },
  "oklch": {
    "l": 0.77491,
    "c": 0.08521,
    "h": 223.7
  },
  "luminance": 0.47709
}

Semantic roles & 50–950 ramp

primary

#76C2DE

secondary

#E9D0C7

accent

#4B1DC9

background

#FAFDFE

surface

#F4FAFC

border

#CED3D5

text

#101416

muted

#7F8384

Laboratorio de vista previa

Vista previa con #76C2DE

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

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