#2D7FAA#2D7FAA

#2D7FAA es un color medio y moderadamente saturado de la familia cian. Luminancia relativa 0.186; OKLCH L 56.7% C 0.102 H 235.8°. El mejor color de texto es #000000 con contraste 4.73:1 (cumple WCAG AA).

Valores del color

HEX#2D7FAA
RGBrgb(45, 127, 170)
HSLhsl(201, 58%, 42%)
HSVhsv(201, 74%, 67%)
CMYKcmyk(73.5%, 25.3%, 0%, 33.3%)
CIE-LABlab(50.26, -9.96, -29.92)
CIE-LCHlch(50.26, 31.54, 251.59°)
OKLaboklab(56.67% -0.0573 -0.0843)
OKLCHoklch(56.67% 0.102 235.8)
XYZxyz(15.9244, 18.6371, 40.7805)
Luminance0.1864 (WCAG relative)
Temperaturecool
Familycyan

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#2D7FAA #AA582D
analogous
#2DAA97 #2D7FAA #2D40AA
triadic
#2D7FAA #AA2D7F #7FAA2D
tetradic
#2D7FAA #972DAA #AA582D #40AA2D
square
#2D7FAA #972DAA #AA582D #40AA2D
split-complementary
#2D7FAA #AA2D40 #AA972D
monochromatic
#133749 #205B7A #2D7FAA #469FCE #77B8DB

Accesibilidad y contraste

On white

4.44
#2D7FAA on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.73
#2D7FAA on #000000
AA ✓AA large ✓AAA ✗

Mejor color de texto

#000000 on #2D7FAA
4.73:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##2D7FAA#FFFFFF#000000##000000
##2D7FAA1.004.444.734.73
#FFFFFF4.441.0021.0021.00
#0000004.7321.001.001.00
##0000004.7321.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#6A7EAC
Deuteranopia (green-blind)
#5972A9
Tritanopia (blue-blind)
#008A8E
Achromatopsia (no color)
#787878

Tokens de diseño y código

CSS
--color: #2d7faa;
/* rgb */ color: rgb(45, 127, 170);
/* oklch */ color: oklch(56.7% 0.102 235.8);
Tailwind
colors: {
  custom: {
    50: '#77a4c3',
    500: '#2d7faa',
    950: '#000000',
  },
}
SCSS
$custom: #2d7faa;
$custom-light: #77a4c3;
$custom-dark: #000000;
JSON
{
  "hex": "#2d7faa",
  "rgb": {
    "r": 45,
    "g": 127,
    "b": 170
  },
  "hsl": {
    "h": 200.64,
    "s": 58.14,
    "l": 42.157
  },
  "oklch": {
    "l": 0.56666,
    "c": 0.10194,
    "h": 235.8
  },
  "luminance": 0.18639
}

Semantic roles & 50–950 ramp

primary
#2D7FAA
secondary
#C38C70
accent
#7C46E1
background
#F7FAFC
surface
#EEF4F8
border
#C9CED1
text
#0A0F12
muted
#7C7F81

Laboratorio de vista previa

Vista previa con #2D7FAA

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

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

#2D7FAA — Tintiva