#C3E08D#C3E08D

#C3E08D es un color muy claro y moderadamente saturado de la familia amarillo verdoso. Luminancia relativa 0.668; OKLCH L 86.6% C 0.112 H 124.4°. El mejor color de texto es #000000 con contraste 14.37:1 (cumple WCAG AA).

Valores del color

HEX#C3E08D
RGBrgb(195, 224, 141)
HSLhsl(81, 57%, 72%)
HSVhsv(81, 37%, 88%)
CMYKcmyk(12.9%, 0%, 37.1%, 12.2%)
CIE-LABlab(85.42, -23.12, 37.53)
CIE-LCHlch(85.42, 44.08, 121.64°)
OKLaboklab(86.62% -0.0633 0.0925)
OKLCHoklch(86.62% 0.112 124.4)
XYZxyz(53.9687, 66.8362, 35.2516)
Luminance0.6684 (WCAG relative)
Temperaturewarm
Familyyellow-green

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#C3E08D #AA8DE0
analogous
#E0D48D #C3E08D #9AE08D
triadic
#C3E08D #8DC3E0 #E08DC3
tetradic
#C3E08D #8DE0D4 #AA8DE0 #E08D9A
square
#C3E08D #8DE0D4 #AA8DE0 #E08D9A
split-complementary
#C3E08D #8D9AE0 #D48DE0
monochromatic
#8EBF34 #AAD35D #C3E08D #DCEDBD #F2F8E7

Accesibilidad y contraste

On white

1.46
#C3E08D on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.37
#C3E08D on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #C3E08D
14.37:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##C3E08D#FFFFFF#000000##000000
##C3E08D1.001.4614.3714.37
#FFFFFF1.461.0021.0021.00
#00000014.3721.001.001.00
##00000014.3721.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#E9D687
Deuteranopia (green-blind)
#E5D591
Tritanopia (blue-blind)
#C8D9CB
Achromatopsia (no color)
#D5D5D5

Tokens de diseño y código

CSS
--color: #c3e08d;
/* rgb */ color: rgb(195, 224, 141);
/* oklch */ color: oklch(86.6% 0.112 124.4);
Tailwind
colors: {
  custom: {
    50: '#d6e9af',
    500: '#c3e08d',
    950: '#000000',
  },
}
SCSS
$custom: #c3e08d;
$custom-light: #d6e9af;
$custom-dark: #000000;
JSON
{
  "hex": "#c3e08d",
  "rgb": {
    "r": 195,
    "g": 224,
    "b": 141
  },
  "hsl": {
    "h": 80.964,
    "s": 57.241,
    "l": 71.569
  },
  "oklch": {
    "l": 0.86619,
    "c": 0.11205,
    "h": 124.4
  },
  "luminance": 0.66836
}

Semantic roles & 50–950 ramp

primary
#C3E08D
secondary
#7A59B8
accent
#21C55A
background
#FEFEFD
surface
#FBFDF7
border
#D4D5D0
text
#141610
muted
#838481

Laboratorio de vista previa

Vista previa con #C3E08D

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

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

#C3E08D — Tintiva