#0C1953#0C1953

#0C1953 es un color muy oscuro y moderadamente saturado de la familia azul. Luminancia relativa 0.014; OKLCH L 24.8% C 0.106 H 267.7°. El mejor color de texto es #FFFFFF con contraste 16.41:1 (cumple WCAG AA).

Valores del color

HEX#0C1953
RGBrgb(12, 25, 83)
HSLhsl(229, 75%, 19%)
HSVhsv(229, 86%, 33%)
CMYKcmyk(85.5%, 69.9%, 0%, 67.5%)
CIE-LABlab(11.94, 18.96, -36.77)
CIE-LCHlch(11.94, 41.37, 297.28°)
OKLaboklab(24.83% -0.0043 -0.1064)
OKLCHoklch(24.83% 0.107 267.7)
XYZxyz(2.0600, 1.3977, 8.3432)
Luminance0.0140 (WCAG relative)
Temperaturecool
Familyblue

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#0C1953 #53460C
analogous
#0C3C53 #0C1953 #220C53
triadic
#0C1953 #530C19 #19530C
tetradic
#0C1953 #530C3C #53460C #0C5322
square
#0C1953 #530C3C #53460C #0C5322
split-complementary
#0C1953 #53220C #3C530C
monochromatic
#04081B #04091E #0C1953 #142988 #1B39BE

Accesibilidad y contraste

On white

16.41
#0C1953 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.28
#0C1953 on #000000
AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #0C1953
16.41:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##0C1953#FFFFFF#000000##FFFFFF
##0C19531.0016.411.2816.41
#FFFFFF16.411.0021.001.00
#0000001.2821.001.0021.00
##FFFFFF16.411.0021.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#002355
Deuteranopia (green-blind)
#001C52
Tritanopia (blue-blind)
#002833
Achromatopsia (no color)
#1F1F1F

Tokens de diseño y código

CSS
--color: #0c1953;
/* rgb */ color: rgb(12, 25, 83);
/* oklch */ color: oklch(24.8% 0.106 267.7);
Tailwind
colors: {
  custom: {
    50: '#595584',
    500: '#0c1953',
    950: '#000000',
  },
}
SCSS
$custom: #0c1953;
$custom-light: #595584;
$custom-dark: #000000;
JSON
{
  "hex": "#0c1953",
  "rgb": {
    "r": 12,
    "g": 25,
    "b": 83
  },
  "hsl": {
    "h": 229.014,
    "s": 74.737,
    "l": 18.627
  },
  "oklch": {
    "l": 0.24828,
    "c": 0.1065,
    "h": 267.7
  },
  "luminance": 0.01398
}

Semantic roles & 50–950 ramp

primary
#0C1953
secondary
#8E7C2D
accent
#CF36F1
background
#F5F4F8
surface
#E9E8EF
border
#C5C4CA
text
#04030B
muted
#79787C

Laboratorio de vista previa

Vista previa con #0C1953

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

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

#0C1953 — Tintiva