#ACDDE2#ACDDE2

#ACDDE2 es un color muy claro y apagado de la familia verde azulado. Luminancia relativa 0.660; OKLCH L 86.5% C 0.051 H 204.0°. El mejor color de texto es #000000 con contraste 14.19:1 (cumple WCAG AA).

Valores del color

HEX#ACDDE2
RGBrgb(172, 221, 226)
HSLhsl(186, 48%, 78%)
HSVhsv(186, 24%, 89%)
CMYKcmyk(23.9%, 2.2%, 0%, 11.4%)
CIE-LABlab(84.98, -14.63, -7.62)
CIE-LCHlch(84.98, 16.50, 207.53°)
OKLaboklab(86.5% -0.0466 -0.0208)
OKLCHoklch(86.5% 0.051 204)
XYZxyz(56.5930, 65.9722, 81.6888)
Luminance0.6597 (WCAG relative)
Temperaturecool
Familyteal

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#ACDDE2 #E2B1AC
analogous
#ACE2CC #ACDDE2 #ACC2E2
triadic
#ACDDE2 #E2ACDD #DDE2AC
tetradic
#ACDDE2 #CCACE2 #E2B1AC #C2E2AC
square
#ACDDE2 #CCACE2 #E2B1AC #C2E2AC
split-complementary
#ACDDE2 #E2ACC2 #E2CCAC
monochromatic
#51B8C2 #7FCAD2 #ACDDE2 #D9F0F2 #E8F6F7

Accesibilidad y contraste

On white

1.48
#ACDDE2 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.19
#ACDDE2 on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #ACDDE2
14.19:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##ACDDE2#FFFFFF#000000##000000
##ACDDE21.001.4814.1914.19
#FFFFFF1.481.0021.0021.00
#00000014.1921.001.001.00
##00000014.1921.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#D5D9E2
Deuteranopia (green-blind)
#CBD1E2
Tritanopia (blue-blind)
#9BE1DE
Achromatopsia (no color)
#D4D4D4

Tokens de diseño y código

CSS
--color: #acdde2;
/* rgb */ color: rgb(172, 221, 226);
/* oklch */ color: oklch(86.5% 0.051 204.0);
Tailwind
colors: {
  custom: {
    50: '#c6e7eb',
    500: '#acdde2',
    950: '#000000',
  },
}
SCSS
$custom: #acdde2;
$custom-light: #c6e7eb;
$custom-dark: #000000;
JSON
{
  "hex": "#acdde2",
  "rgb": {
    "r": 172,
    "g": 221,
    "b": 226
  },
  "hsl": {
    "h": 185.556,
    "s": 48.214,
    "l": 78.039
  },
  "oklch": {
    "l": 0.86497,
    "c": 0.05104,
    "h": 204
  },
  "luminance": 0.65975
}

Semantic roles & 50–950 ramp

primary
#ACDDE2
secondary
#BB7D77
accent
#372ABB
background
#FDFEFE
surface
#F9FCFD
border
#D2D5D5
text
#131616
muted
#828484

Laboratorio de vista previa

Vista previa con #ACDDE2

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

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

#ACDDE2 — Tintiva