#D5FF85#D5FF85

#D5FF85 es un color muy claro y vivo de la familia amarillo verdoso. Luminancia relativa 0.874; OKLCH L 94.5% C 0.156 H 124.9°. El mejor color de texto es #000000 con contraste 18.47:1 (cumple WCAG AA).

Valores del color

HEX#D5FF85
RGBrgb(213, 255, 133)
HSLhsl(81, 100%, 76%)
HSVhsv(81, 48%, 100%)
CMYKcmyk(16.5%, 0%, 47.8%, 0%)
CIE-LABlab(94.89, -32.03, 53.54)
CIE-LCHlch(94.89, 62.39, 120.89°)
OKLaboklab(94.48% -0.0895 0.1281)
OKLCHoklch(94.48% 0.156 124.9)
XYZxyz(67.4341, 87.3591, 35.4951)
Luminance0.8736 (WCAG relative)
Temperaturewarm
Familyyellow-green

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#D5FF85 #AF85FF
analogous
#FFEC85 #D5FF85 #98FF85
triadic
#D5FF85 #85D5FF #FF85D5
tetradic
#D5FF85 #85FFEC #AF85FF #FF8598
square
#D5FF85 #85FFEC #AF85FF #FF8598
split-complementary
#D5FF85 #8598FF #EC85FF
monochromatic
#ABFF0B #C0FF48 #D5FF85 #EAFFC2 #F4FFE0

Accesibilidad y contraste

On white

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

On black

18.47
#D5FF85 on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #D5FF85
18.47:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##D5FF85#FFFFFF#000000##000000
##D5FF851.001.1418.4718.47
#FFFFFF1.141.0021.0021.00
#00000018.4721.001.001.00
##00000018.4721.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#FFF27A
Deuteranopia (green-blind)
#FFF08C
Tritanopia (blue-blind)
#DCF5E3
Achromatopsia (no color)
#F0F0F0

Tokens de diseño y código

CSS
--color: #d5ff85;
/* rgb */ color: rgb(213, 255, 133);
/* oklch */ color: oklch(94.5% 0.156 124.9);
Tailwind
colors: {
  custom: {
    50: '#e4ffab',
    500: '#d5ff85',
    950: '#000000',
  },
}
SCSS
$custom: #d5ff85;
$custom-light: #e4ffab;
$custom-dark: #000000;
JSON
{
  "hex": "#d5ff85",
  "rgb": {
    "r": 213,
    "g": 255,
    "b": 133
  },
  "hsl": {
    "h": 80.656,
    "s": 100,
    "l": 76.078
  },
  "oklch": {
    "l": 0.94484,
    "c": 0.15626,
    "h": 124.9
  },
  "luminance": 0.8736
}

Semantic roles & 50–950 ramp

primary
#D5FF85
secondary
#7D49DF
accent
#00E64F
background
#FEFFFD
surface
#FCFFF7
border
#D5D7D0
text
#161810
muted
#848681

Laboratorio de vista previa

Vista previa con #D5FF85

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

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

#D5FF85 — Tintiva