#304528#304528

#304528 es un color oscuro y apagado de la familia verde. Luminancia relativa 0.050; OKLCH L 36.4% C 0.055 H 137.4°. El mejor color de texto es #FFFFFF con contraste 10.46:1 (cumple WCAG AA).

Valores del color

HEX#304528
RGBrgb(48, 69, 40)
HSLhsl(103, 27%, 21%)
HSVhsv(103, 42%, 27%)
CMYKcmyk(30.4%, 0%, 42%, 72.9%)
CIE-LABlab(26.84, -14.75, 14.95)
CIE-LCHlch(26.84, 21.00, 134.61°)
OKLaboklab(36.42% -0.0403 0.0371)
OKLCHoklch(36.42% 0.055 137.4)
XYZxyz(3.7299, 5.0377, 2.7829)
Luminance0.0504 (WCAG relative)
Temperaturewarm
Familygreen

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#304528 #3D2845
analogous
#3F4528 #304528 #28452F
triadic
#304528 #283045 #452830
tetradic
#304528 #283F45 #3D2845 #452F28
square
#304528 #283F45 #3D2845 #452F28
split-complementary
#304528 #2F2845 #45283F
monochromatic
#0D130B #151E12 #304528 #4B6C3E #669255

Accesibilidad y contraste

On white

10.46
#304528 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.01
#304528 on #000000
AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #304528
10.46:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##304528#FFFFFF#000000##FFFFFF
##3045281.0010.462.0110.46
#FFFFFF10.461.0021.001.00
#0000002.0121.001.0021.00
##FFFFFF10.461.0021.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#474126
Deuteranopia (green-blind)
#443F2A
Tritanopia (blue-blind)
#2F433E
Achromatopsia (no color)
#3F3F3F

Tokens de diseño y código

CSS
--color: #304528;
/* rgb */ color: rgb(48, 69, 40);
/* oklch */ color: oklch(36.4% 0.055 137.4);
Tailwind
colors: {
  custom: {
    50: '#697862',
    500: '#304528',
    950: '#000000',
  },
}
SCSS
$custom: #304528;
$custom-light: #697862;
$custom-dark: #000000;
JSON
{
  "hex": "#304528",
  "rgb": {
    "r": 48,
    "g": 69,
    "b": 40
  },
  "hsl": {
    "h": 103.448,
    "s": 26.606,
    "l": 21.373
  },
  "oklch": {
    "l": 0.36417,
    "c": 0.05474,
    "h": 137.4
  },
  "luminance": 0.05038
}

Semantic roles & 50–950 ramp

primary
#304528
secondary
#6D5277
accent
#65C3A9
background
#F6F7F5
surface
#EBEDEA
border
#C6C8C6
text
#060905
muted
#7A7B79

Laboratorio de vista previa

Vista previa con #304528

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

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

#304528 — Tintiva