#CBFEE6#CBFEE6
#CBFEE6 es un color muy claro y moderadamente saturado de la familia verde azulado. Luminancia relativa 0.893; OKLCH L 95.5% C 0.061 H 164.8°. El mejor color de texto es #000000 con contraste 18.86:1 (cumple WCAG AA).
Valores del color
| HEX | #CBFEE6 |
|---|---|
| RGB | rgb(203, 254, 230) |
| HSL | hsl(152, 96%, 90%) |
| HSV | hsv(152, 20%, 100%) |
| CMYK | cmyk(20.1%, 0%, 9.4%, 0.4%) |
| CIE-LAB | lab(95.70, -20.78, 6.18) |
| CIE-LCH | lch(95.70, 21.67, 163.44°) |
| OKLab | oklab(95.53% -0.059 0.016) |
| OKLCH | oklch(95.53% 0.061 164.8) |
| XYZ | xyz(74.3494, 89.2909, 88.1651) |
| Luminance | 0.8929 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
Colores con nombre más cercanos
Pale Aqua
#B8FFEB
ΔE00 3.98
Eggshell Blue
#C4FFF7
ΔE00 5.97
Duck Egg Blue
#C3FBF4
ΔE00 6.21
Pale Turquoise
#A5FBD5
ΔE00 6.48
Ice
#D6FFFA
ΔE00 7.26
Light Light Blue
#CAFFFB
ΔE00 7.30
Escalas perceptuales
Sombras
Matices
Tonos
OKLCH scale
Armonías de color
complementary
#CBFEE6 #FECBE3
analogous
#CBFECD #CBFEE6 #CBFCFE
triadic
#CBFEE6 #E6CBFE #FEE6CB
tetradic
#CBFEE6 #CDCBFE #FECBE3 #FCFECB
square
#CBFEE6 #CDCBFE #FECBE3 #FCFECB
split-complementary
#CBFEE6 #FECBFC #FECDCB
monochromatic
#53FCAC #8FFDC9 #CBFEE6 #E1FEF1 #E1FEF1
Accesibilidad y contraste
On white
1.11
#CBFEE6 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
18.86
#CBFEE6 on #000000
AA ✓AA large ✓AAA ✓
Mejor color de texto
#000000 on #CBFEE6
18.86:1 — WCAG AA (texto normal) cumple
Matriz de contraste
| fg \ bg | ##CBFEE6 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CBFEE6 | 1.00 | 1.11 | 18.86 | 18.86 |
| #FFFFFF | 1.11 | 1.00 | 21.00 | 21.00 |
| #000000 | 18.86 | 21.00 | 1.00 | 1.00 |
| ##000000 | 18.86 | 21.00 | 1.00 | 1.00 |
Vista previa de daltonismo
Protanopia (red-blind)
#FCF7E5
Deuteranopia (green-blind)
#F2F0E7
Tritanopia (blue-blind)
#C1FEF7
Achromatopsia (no color)
#F3F3F3
Tokens de diseño y código
CSS
--color: #cbfee6; /* rgb */ color: rgb(203, 254, 230); /* oklch */ color: oklch(95.5% 0.061 164.8);
Tailwind
colors: {
custom: {
50: '#dbfeed',
500: '#cbfee6',
950: '#000000',
},
}SCSS
$custom: #cbfee6; $custom-light: #dbfeed; $custom-dark: #000000;
JSON
{
"hex": "#cbfee6",
"rgb": {
"r": 203,
"g": 254,
"b": 230
},
"hsl": {
"h": 151.765,
"s": 96.226,
"l": 89.608
},
"oklch": {
"l": 0.95532,
"c": 0.06109,
"h": 164.8
},
"luminance": 0.89293
}Semantic roles & 50–950 ramp
primary
#CBFEE6
secondary
#E786B4
accent
#006CE6
background
#FEFFFE
surface
#FCFFFD
border
#D5D7D5
text
#151816
muted
#848684
Laboratorio de vista previa
Laboratorio de vista previa → · Comprobador de contraste → · Generador de paletas →