#477281#477281

#477281 es un color medio y apagado de la familia cian. Luminancia relativa 0.150; OKLCH L 52.7% C 0.053 H 222.1°. El mejor color de texto es #FFFFFF con contraste 5.26:1 (cumple WCAG AA).

Valores del color

HEX#477281
RGBrgb(71, 114, 129)
HSLhsl(196, 29%, 39%)
HSVhsv(196, 45%, 51%)
CMYKcmyk(45%, 11.6%, 0%, 49.4%)
CIE-LABlab(45.58, -10.63, -12.93)
CIE-LCHlch(45.58, 16.73, 230.57°)
OKLaboklab(52.66% -0.0394 -0.0356)
OKLCHoklch(52.66% 0.053 222.1)
XYZxyz(12.5769, 14.9583, 22.9891)
Luminance0.1496 (WCAG relative)
Temperaturecool
Familycyan

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#477281 #815647
analogous
#478173 #477281 #475581
triadic
#477281 #814772 #728147
tetradic
#477281 #734781 #815647 #558147
square
#477281 #734781 #815647 #558147
split-complementary
#477281 #814755 #817347
monochromatic
#1C2C32 #314F5A #477281 #5F94A7 #86AEBC

Accesibilidad y contraste

On white

5.26
#477281 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.99
#477281 on #000000
AA ✗AA large ✓AAA ✗

Mejor color de texto

#FFFFFF on #477281
5.26:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##477281#FFFFFF#000000##FFFFFF
##4772811.005.263.995.26
#FFFFFF5.261.0021.001.00
#0000003.9921.001.0021.00
##FFFFFF5.261.0021.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#697082
Deuteranopia (green-blind)
#606981
Tritanopia (blue-blind)
#2E7777
Achromatopsia (no color)
#6C6C6C

Tokens de diseño y código

CSS
--color: #477281;
/* rgb */ color: rgb(71, 114, 129);
/* oklch */ color: oklch(52.7% 0.053 222.1);
Tailwind
colors: {
  custom: {
    50: '#7d9aa5',
    500: '#477281',
    950: '#000000',
  },
}
SCSS
$custom: #477281;
$custom-light: #7d9aa5;
$custom-dark: #000000;
JSON
{
  "hex": "#477281",
  "rgb": {
    "r": 71,
    "g": 114,
    "b": 129
  },
  "hsl": {
    "h": 195.517,
    "s": 29,
    "l": 39.216
  },
  "oklch": {
    "l": 0.52663,
    "c": 0.05311,
    "h": 222.1
  },
  "luminance": 0.14959
}

Semantic roles & 50–950 ramp

primary
#477281
secondary
#A8877C
accent
#7C63C5
background
#F7F9FA
surface
#EEF2F4
border
#C9CCCE
text
#0A0E0F
muted
#7C7E7F

Laboratorio de vista previa

Vista previa con #477281

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

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

#477281 — Tintiva