#458114#458114

#458114 es un color medio y vivo de la familia amarillo verdoso. Luminancia relativa 0.170; OKLCH L 54.2% C 0.149 H 135.1°. El mejor color de texto es #FFFFFF con contraste 4.77:1 (cumple WCAG AA).

Valores del color

HEX#458114
RGBrgb(69, 129, 20)
HSLhsl(93, 73%, 29%)
HSVhsv(93, 84%, 51%)
CMYKcmyk(46.5%, 0%, 84.5%, 49.4%)
CIE-LABlab(48.28, -37.69, 47.87)
CIE-LCHlch(48.28, 60.92, 128.21°)
OKLaboklab(54.16% -0.1056 0.1053)
OKLCHoklch(54.16% 0.149 135.1)
XYZxyz(10.4305, 17.0156, 3.3964)
Luminance0.1702 (WCAG relative)
Temperaturewarm
Familyyellow-green

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#458114 #501481
analogous
#7C8114 #458114 #14811A
triadic
#458114 #144581 #811445
tetradic
#458114 #147C81 #501481 #811A14
square
#458114 #147C81 #501481 #811A14
split-complementary
#458114 #1A1481 #81147C
monochromatic
#0E1A04 #294C0C #458114 #61B61C #7FDF30

Accesibilidad y contraste

On white

4.77
#458114 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.40
#458114 on #000000
AA ✗AA large ✓AAA ✗

Mejor color de texto

#FFFFFF on #458114
4.77:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##458114#FFFFFF#000000##FFFFFF
##4581141.004.774.404.77
#FFFFFF4.771.0021.001.00
#0000004.4021.001.0021.00
##FFFFFF4.771.0021.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#867600
Deuteranopia (green-blind)
#7E7121
Tritanopia (blue-blind)
#437C6D
Achromatopsia (no color)
#737373

Tokens de diseño y código

CSS
--color: #458114;
/* rgb */ color: rgb(69, 129, 20);
/* oklch */ color: oklch(54.2% 0.149 135.1);
Tailwind
colors: {
  custom: {
    50: '#7fa65d',
    500: '#458114',
    950: '#000000',
  },
}
SCSS
$custom: #458114;
$custom-light: #7fa65d;
$custom-dark: #000000;
JSON
{
  "hex": "#458114",
  "rgb": {
    "r": 69,
    "g": 129,
    "b": 20
  },
  "hsl": {
    "h": 93.028,
    "s": 73.154,
    "l": 29.216
  },
  "oklch": {
    "l": 0.5416,
    "c": 0.14911,
    "h": 135.1
  },
  "luminance": 0.17016
}

Semantic roles & 50–950 ramp

primary
#458114
secondary
#7F3BB6
accent
#38F09D
background
#F8FAF5
surface
#EFF4E9
border
#CACEC5
text
#0B0F05
muted
#7C7F79

Laboratorio de vista previa

Vista previa con #458114

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

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

#458114 — Tintiva