#112269#112269

#112269 is a dark, vivid blue. Relative luminance 0.023; OKLCH L 29.2% C 0.125 H 267.2°. Best body text is #FFFFFF at 14.42:1 contrast (WCAG AA passes).

Color values

HEX#112269
RGBrgb(17, 34, 105)
HSLhsl(228, 72%, 24%)
HSVhsv(228, 84%, 41%)
CMYKcmyk(83.8%, 67.6%, 0%, 58.8%)
CIE-LABlab(16.91, 22.13, -43.30)
CIE-LCHlch(16.91, 48.63, 297.07°)
OKLaboklab(29.23% -0.006 -0.1253)
OKLCHoklch(29.23% 0.125 267.2)
XYZxyz(3.3521, 2.2828, 13.6258)
Luminance0.0228 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#112269 #695811
analogous
#114E69 #112269 #2C1169
triadic
#112269 #691122 #226911
tetradic
#112269 #69114E #695811 #11692C
square
#112269 #69114E #695811 #11692C
split-complementary
#112269 #692C11 #4E6911
monochromatic
#04091A #081134 #112269 #1A339E #2244D2

Accessibility & contrast

On white

14.42
#112269 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.46
#112269 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #112269
14.42:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##112269#FFFFFF#000000##FFFFFF
##1122691.0014.421.4614.42
#FFFFFF14.421.0021.001.00
#0000001.4621.001.0021.00
##FFFFFF14.421.0021.001.00

Color blindness preview

Protanopia (red-blind)
#002E6B
Deuteranopia (green-blind)
#002668
Tritanopia (blue-blind)
#003542
Achromatopsia (no color)
#2A2A2A

Design tokens & code

CSS
--color: #112269;
/* rgb */ color: rgb(17, 34, 105);
/* oklch */ color: oklch(29.2% 0.125 267.2);
Tailwind
colors: {
  custom: {
    50: '#605c95',
    500: '#112269',
    950: '#000000',
  },
}
SCSS
$custom: #112269;
$custom-light: #605c95;
$custom-dark: #000000;
JSON
{
  "hex": "#112269",
  "rgb": {
    "r": 17,
    "g": 34,
    "b": 105
  },
  "hsl": {
    "h": 228.409,
    "s": 72.131,
    "l": 23.922
  },
  "oklch": {
    "l": 0.29227,
    "c": 0.12548,
    "h": 267.2
  },
  "luminance": 0.02283
}

Semantic roles & 50–950 ramp

primary
#112269
secondary
#A18C35
accent
#CC39EF
background
#F6F5F9
surface
#EBE9F2
border
#C6C5CC
text
#06040D
muted
#7A797E

Preview Lab

Preview with #112269

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

Preview Lab → · Contrast checker → · Palette generator →

#112269 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva