#125972#125972

#125972 is a dark, moderate cyan. Relative luminance 0.085; OKLCH L 43.5% C 0.077 H 227.3°. Best body text is #FFFFFF at 7.78:1 contrast (WCAG AA passes).

Color values

HEX#125972
RGBrgb(18, 89, 114)
HSLhsl(196, 73%, 26%)
HSVhsv(196, 84%, 45%)
CMYKcmyk(84.2%, 21.9%, 0%, 55.3%)
CIE-LABlab(34.98, -11.58, -20.21)
CIE-LCHlch(34.98, 23.29, 240.19°)
OKLaboklab(43.46% -0.0524 -0.0568)
OKLCHoklch(43.46% 0.077 227.3)
XYZxyz(6.8578, 8.4874, 17.1931)
Luminance0.0849 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#125972 #722B12
analogous
#12725B #125972 #122972
triadic
#125972 #721259 #597212
tetradic
#125972 #5B1272 #722B12 #297212
square
#125972 #5B1272 #722B12 #297212
split-complementary
#125972 #721229 #725B12
monochromatic
#04151A #0A303D #125972 #1A82A7 #23ACDC

Accessibility & contrast

On white

7.78
#125972 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.70
#125972 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #125972
7.78:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##125972#FFFFFF#000000##FFFFFF
##1259721.007.782.707.78
#FFFFFF7.781.0021.001.00
#0000002.7021.001.0021.00
##FFFFFF7.781.0021.001.00

Color blindness preview

Protanopia (red-blind)
#4C5773
Deuteranopia (green-blind)
#3F4E72
Tritanopia (blue-blind)
#006061
Achromatopsia (no color)
#525252

Design tokens & code

CSS
--color: #125972;
/* rgb */ color: rgb(18, 89, 114);
/* oklch */ color: oklch(43.5% 0.077 227.3);
Tailwind
colors: {
  custom: {
    50: '#62889a',
    500: '#125972',
    950: '#000000',
  },
}
SCSS
$custom: #125972;
$custom-light: #62889a;
$custom-dark: #000000;
JSON
{
  "hex": "#125972",
  "rgb": {
    "r": 18,
    "g": 89,
    "b": 114
  },
  "hsl": {
    "h": 195.625,
    "s": 72.727,
    "l": 25.882
  },
  "oklch": {
    "l": 0.43455,
    "c": 0.07729,
    "h": 227.3
  },
  "luminance": 0.08488
}

Semantic roles & 50–950 ramp

primary
#125972
secondary
#A95537
accent
#6838EF
background
#F6F8F9
surface
#EBEFF2
border
#C6CACC
text
#060B0E
muted
#7A7C7E

Preview Lab

Preview with #125972

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

Preview Lab → · Contrast checker → · Palette generator →

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