#C3FADE#C3FADE

#C3FADE es un color muy claro y moderadamente saturado de la familia verde. Luminancia relativa 0.852; OKLCH L 94.0% C 0.067 H 162.7°. El mejor color de texto es #000000 con contraste 18.05:1 (cumple WCAG AA).

Valores del color

HEX#C3FADE
RGBrgb(195, 250, 222)
HSLhsl(149, 85%, 87%)
HSVhsv(149, 22%, 98%)
CMYKcmyk(22%, 0%, 11.2%, 2%)
CIE-LABlab(93.99, -22.83, 7.77)
CIE-LCHlch(93.99, 24.12, 161.20°)
OKLaboklab(93.98% -0.0644 0.0201)
OKLCHoklch(93.98% 0.067 162.7)
XYZxyz(69.8723, 85.2448, 81.8655)
Luminance0.8525 (WCAG relative)
Temperatureneutral
Familygreen

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#C3FADE #FAC3DF
analogous
#C4FAC3 #C3FADE #C3FAFA
triadic
#C3FADE #DEC3FA #FADEC3
tetradic
#C3FADE #C3C4FA #FAC3DF #FAFAC3
square
#C3FADE #C3C4FA #FAC3DF #FAFAC3
split-complementary
#C3FADE #FAC3FA #FAC3C4
monochromatic
#52F1A0 #8BF5BF #C3FADE #E3FDEF #E3FDEF

Accesibilidad y contraste

On white

1.16
#C3FADE on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

18.05
#C3FADE on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #C3FADE
18.05:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##C3FADE#FFFFFF#000000##000000
##C3FADE1.001.1618.0518.05
#FFFFFF1.161.0021.0021.00
#00000018.0521.001.001.00
##00000018.0521.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#F8F2DD
Deuteranopia (green-blind)
#EEEBE0
Tritanopia (blue-blind)
#B8FAF2
Achromatopsia (no color)
#EEEEEE

Tokens de diseño y código

CSS
--color: #c3fade;
/* rgb */ color: rgb(195, 250, 222);
/* oklch */ color: oklch(94.0% 0.067 162.7);
Tailwind
colors: {
  custom: {
    50: '#d6fce8',
    500: '#c3fade',
    950: '#000000',
  },
}
SCSS
$custom: #c3fade;
$custom-light: #d6fce8;
$custom-dark: #000000;
JSON
{
  "hex": "#c3fade",
  "rgb": {
    "r": 195,
    "g": 250,
    "b": 222
  },
  "hsl": {
    "h": 149.455,
    "s": 84.615,
    "l": 87.255
  },
  "oklch": {
    "l": 0.93983,
    "c": 0.06747,
    "h": 162.7
  },
  "luminance": 0.85247
}

Semantic roles & 50–950 ramp

primary
#C3FADE
secondary
#DF82B1
accent
#0475E1
background
#FEFFFE
surface
#FBFFFC
border
#D4D7D5
text
#141716
muted
#838584

Laboratorio de vista previa

Vista previa con #C3FADE

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

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

#C3FADE — Tintiva