#07193B#07193B

#07193B is a very dark, moderate blue. Relative luminance 0.011; OKLCH L 22.2% C 0.070 H 261.4°. Best body text is #FFFFFF at 17.34:1 contrast (WCAG AA passes).

Color values

HEX#07193B
RGBrgb(7, 25, 59)
HSLhsl(219, 79%, 13%)
HSVhsv(219, 88%, 23%)
CMYKcmyk(88.1%, 57.6%, 0%, 76.9%)
CIE-LABlab(9.45, 7.51, -24.10)
CIE-LCHlch(9.45, 25.25, 287.31°)
OKLaboklab(22.19% -0.0105 -0.0693)
OKLCHoklch(22.19% 0.07 261.4)
XYZxyz(1.2244, 1.0561, 4.2761)
Luminance0.0106 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#07193B #3B2907
analogous
#07333B #07193B #0F073B
triadic
#07193B #3B0719 #193B07
tetradic
#07193B #3B0733 #3B2907 #073B0F
square
#07193B #3B0733 #3B2907 #073B0F
split-complementary
#07193B #3B0F07 #333B07
monochromatic
#030C1B #030C1B #07193B #0D3072 #1447A8

Accessibility & contrast

On white

17.34
#07193B on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.21
#07193B on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #07193B
17.34:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##07193B#FFFFFF#000000##FFFFFF
##07193B1.0017.341.2117.34
#FFFFFF17.341.0021.001.00
#0000001.2121.001.0021.00
##FFFFFF17.341.0021.001.00

Color blindness preview

Protanopia (red-blind)
#051D3C
Deuteranopia (green-blind)
#00183A
Tritanopia (blue-blind)
#002127
Achromatopsia (no color)
#1A1A1A

Design tokens & code

CSS
--color: #07193b;
/* rgb */ color: rgb(7, 25, 59);
/* oklch */ color: oklch(22.2% 0.070 261.4);
Tailwind
colors: {
  custom: {
    50: '#505571',
    500: '#07193b',
    950: '#000000',
  },
}
SCSS
$custom: #07193b;
$custom-light: #505571;
$custom-dark: #000000;
JSON
{
  "hex": "#07193b",
  "rgb": {
    "r": 7,
    "g": 25,
    "b": 59
  },
  "hsl": {
    "h": 219.231,
    "s": 78.788,
    "l": 12.941
  },
  "oklch": {
    "l": 0.2219,
    "c": 0.07011,
    "h": 261.4
  },
  "luminance": 0.01056
}

Semantic roles & 50–950 ramp

primary
#07193B
secondary
#7A5C23
accent
#B233F5
background
#F4F4F6
surface
#E7E7EC
border
#C3C3C7
text
#020207
muted
#78787A

Preview Lab

Preview with #07193B

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

Preview Lab → · Contrast checker → · Palette generator →

#07193B Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva