#243F2B#243F2B

#243F2B es un color oscuro y apagado de la familia verde. Luminancia relativa 0.041; OKLCH L 33.9% C 0.048 H 151.4°. El mejor color de texto es #FFFFFF con contraste 11.53:1 (cumple WCAG AA).

Valores del color

HEX#243F2B
RGBrgb(36, 63, 43)
HSLhsl(136, 27%, 19%)
HSVhsv(136, 43%, 25%)
CMYKcmyk(42.9%, 0%, 31.7%, 75.3%)
CIE-LABlab(24.01, -15.50, 9.11)
CIE-LCHlch(24.01, 17.98, 149.56°)
OKLaboklab(33.95% -0.0424 0.0231)
OKLCHoklch(33.95% 0.048 151.4)
XYZxyz(2.9409, 4.1043, 2.9223)
Luminance0.0410 (WCAG relative)
Temperatureneutral
Familygreen

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#243F2B #3F2438
analogous
#2B3F24 #243F2B #243F39
triadic
#243F2B #2B243F #3F2B24
tetradic
#243F2B #242B3F #3F2438 #3F3924
square
#243F2B #242B3F #3F2438 #3F3924
split-complementary
#243F2B #39243F #3F242B
monochromatic
#0B130D #0E1810 #243F2B #3A6646 #518D60

Accesibilidad y contraste

On white

11.53
#243F2B on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.82
#243F2B on #000000
AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #243F2B
11.53:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##243F2B#FFFFFF#000000##FFFFFF
##243F2B1.0011.531.8211.53
#FFFFFF11.531.0021.001.00
#0000001.8221.001.0021.00
##FFFFFF11.531.0021.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#3F3B2A
Deuteranopia (green-blind)
#3B382C
Tritanopia (blue-blind)
#1F3E3A
Achromatopsia (no color)
#393939

Tokens de diseño y código

CSS
--color: #243f2b;
/* rgb */ color: rgb(36, 63, 43);
/* oklch */ color: oklch(33.9% 0.048 151.4);
Tailwind
colors: {
  custom: {
    50: '#607464',
    500: '#243f2b',
    950: '#000000',
  },
}
SCSS
$custom: #243f2b;
$custom-light: #607464;
$custom-dark: #000000;
JSON
{
  "hex": "#243f2b",
  "rgb": {
    "r": 36,
    "g": 63,
    "b": 43
  },
  "hsl": {
    "h": 135.556,
    "s": 27.273,
    "l": 19.412
  },
  "oklch": {
    "l": 0.33947,
    "c": 0.04832,
    "h": 151.4
  },
  "luminance": 0.04104
}

Semantic roles & 50–950 ramp

primary
#243F2B
secondary
#724D68
accent
#64ABC4
background
#F5F7F5
surface
#E9EDEA
border
#C5C8C6
text
#050805
muted
#797B79

Laboratorio de vista previa

Vista previa con #243F2B

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

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

#243F2B — Tintiva