#DCFBA3#DCFBA3

#DCFBA3 es un color muy claro y moderadamente saturado de la familia amarillo verdoso. Luminancia relativa 0.869; OKLCH L 94.6% C 0.117 H 124.4°. El mejor color de texto es #000000 con contraste 18.37:1 (cumple WCAG AA).

Valores del color

HEX#DCFBA3
RGBrgb(220, 251, 163)
HSLhsl(81, 92%, 81%)
HSVhsv(81, 35%, 98%)
CMYKcmyk(12.4%, 0%, 35.1%, 1.6%)
CIE-LABlab(94.68, -24.18, 38.94)
CIE-LCHlch(94.68, 45.84, 121.84°)
OKLaboklab(94.56% -0.0659 0.0964)
OKLCHoklch(94.56% 0.117 124.4)
XYZxyz(70.6227, 86.8540, 47.6871)
Luminance0.8685 (WCAG relative)
Temperaturewarm
Familyyellow-green

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#DCFBA3 #C2A3FB
analogous
#FBEEA3 #DCFBA3 #B0FBA3
triadic
#DCFBA3 #A3DCFB #FBA3DC
tetradic
#DCFBA3 #A3FBEE #C2A3FB #FBA3B0
square
#DCFBA3 #A3FBEE #C2A3FB #FBA3B0
split-complementary
#DCFBA3 #A3B0FB #EEA3FB
monochromatic
#AFF62E #C6F868 #DCFBA3 #F2FEDE #F4FEE2

Accesibilidad y contraste

On white

1.14
#DCFBA3 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

18.37
#DCFBA3 on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #DCFBA3
18.37:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##DCFBA3#FFFFFF#000000##000000
##DCFBA31.001.1418.3718.37
#FFFFFF1.141.0021.0021.00
#00000018.3721.001.001.00
##00000018.3721.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#FFF19D
Deuteranopia (green-blind)
#FFEFA7
Tritanopia (blue-blind)
#E2F3E5
Achromatopsia (no color)
#F0F0F0

Tokens de diseño y código

CSS
--color: #dcfba3;
/* rgb */ color: rgb(220, 251, 163);
/* oklch */ color: oklch(94.6% 0.117 124.4);
Tailwind
colors: {
  custom: {
    50: '#e8fcbf',
    500: '#dcfba3',
    950: '#000000',
  },
}
SCSS
$custom: #dcfba3;
$custom-light: #e8fcbf;
$custom-dark: #000000;
JSON
{
  "hex": "#dcfba3",
  "rgb": {
    "r": 220,
    "g": 251,
    "b": 163
  },
  "hsl": {
    "h": 81.136,
    "s": 91.667,
    "l": 81.176
  },
  "oklch": {
    "l": 0.94559,
    "c": 0.11676,
    "h": 124.4
  },
  "luminance": 0.86854
}

Semantic roles & 50–950 ramp

primary
#DCFBA3
secondary
#8F65DD
accent
#00E651
background
#FEFFFD
surface
#FDFFF9
border
#D5D7D2
text
#161712
muted
#848582

Laboratorio de vista previa

Vista previa con #DCFBA3

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

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

#DCFBA3 — Tintiva