#367F10#367F10

#367F10 es un color medio y vivo de la familia amarillo verdoso. Luminancia relativa 0.160; OKLCH L 52.9% C 0.156 H 138.0°. El mejor color de texto es #FFFFFF con contraste 5.00:1 (cumple WCAG AA).

Valores del color

HEX#367F10
RGBrgb(54, 127, 16)
HSLhsl(99, 78%, 28%)
HSVhsv(99, 87%, 50%)
CMYKcmyk(57.5%, 0%, 87.4%, 50.2%)
CIE-LABlab(46.97, -41.84, 47.55)
CIE-LCHlch(46.97, 63.33, 131.34°)
OKLaboklab(52.91% -0.1159 0.1043)
OKLCHoklch(52.91% 0.156 138)
XYZxyz(9.2039, 15.9997, 3.0933)
Luminance0.1600 (WCAG relative)
Temperaturewarm
Familyyellow-green

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#367F10 #59107F
analogous
#6D7F10 #367F10 #107F21
triadic
#367F10 #10367F #7F1036
tetradic
#367F10 #106D7F #59107F #7F2110
square
#367F10 #106D7F #59107F #7F2110
split-complementary
#367F10 #21107F #7F106D
monochromatic
#0C1B03 #1F4909 #367F10 #4DB517 #67E426

Accesibilidad y contraste

On white

5.00
#367F10 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.20
#367F10 on #000000
AA ✗AA large ✓AAA ✗

Mejor color de texto

#FFFFFF on #367F10
5.00:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##367F10#FFFFFF#000000##FFFFFF
##367F101.005.004.205.00
#FFFFFF5.001.0021.001.00
#0000004.2021.001.0021.00
##FFFFFF5.001.0021.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#837300
Deuteranopia (green-blind)
#7A6D1F
Tritanopia (blue-blind)
#307A6B
Achromatopsia (no color)
#6F6F6F

Tokens de diseño y código

CSS
--color: #367f10;
/* rgb */ color: rgb(54, 127, 16);
/* oklch */ color: oklch(52.9% 0.156 138.0);
Tailwind
colors: {
  custom: {
    50: '#76a55b',
    500: '#367f10',
    950: '#000000',
  },
}
SCSS
$custom: #367f10;
$custom-light: #76a55b;
$custom-dark: #000000;
JSON
{
  "hex": "#367f10",
  "rgb": {
    "r": 54,
    "g": 127,
    "b": 16
  },
  "hsl": {
    "h": 99.459,
    "s": 77.622,
    "l": 28.039
  },
  "oklch": {
    "l": 0.52909,
    "c": 0.15591,
    "h": 138
  },
  "luminance": 0.16
}

Semantic roles & 50–950 ramp

primary
#367F10
secondary
#8A36B5
accent
#34F4B2
background
#F7FAF5
surface
#EEF4E9
border
#C9CEC5
text
#090F04
muted
#7B7F79

Laboratorio de vista previa

Vista previa con #367F10

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

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

#367F10 — Tintiva