#125F3F#125F3F

#125F3F is a dark, moderate teal. Relative luminance 0.087; OKLCH L 43.2% C 0.090 H 160.2°. Best body text is #FFFFFF at 7.68:1 contrast (WCAG AA passes).

Color values

HEX#125F3F
RGBrgb(18, 95, 63)
HSLhsl(155, 68%, 22%)
HSVhsv(155, 81%, 37%)
CMYKcmyk(81.1%, 0%, 33.7%, 62.7%)
CIE-LABlab(35.34, -31.03, 12.00)
CIE-LCHlch(35.34, 33.27, 158.86°)
OKLaboklab(43.19% -0.0844 0.0304)
OKLCHoklch(43.19% 0.09 160.2)
XYZxyz(5.2383, 8.6713, 6.0993)
Luminance0.0867 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#125F3F #5F1232
analogous
#125F19 #125F3F #12595F
triadic
#125F3F #3F125F #5F3F12
tetradic
#125F3F #19125F #5F1232 #595F12
square
#125F3F #19125F #5F1232 #595F12
split-complementary
#125F3F #5F1259 #5F1912
monochromatic
#051A11 #082C1D #125F3F #1C9261 #25C683

Accessibility & contrast

On white

7.68
#125F3F on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.73
#125F3F on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #125F3F
7.68:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##125F3F#FFFFFF#000000##FFFFFF
##125F3F1.007.682.737.68
#FFFFFF7.681.0021.001.00
#0000002.7321.001.0021.00
##FFFFFF7.681.0021.001.00

Color blindness preview

Protanopia (red-blind)
#5E573D
Deuteranopia (green-blind)
#545041
Tritanopia (blue-blind)
#005F57
Achromatopsia (no color)
#535353

Design tokens & code

CSS
--color: #125f3f;
/* rgb */ color: rgb(18, 95, 63);
/* oklch */ color: oklch(43.2% 0.090 160.2);
Tailwind
colors: {
  custom: {
    50: '#5e8d74',
    500: '#125f3f',
    950: '#000000',
  },
}
SCSS
$custom: #125f3f;
$custom-light: #5e8d74;
$custom-dark: #000000;
JSON
{
  "hex": "#125f3f",
  "rgb": {
    "r": 18,
    "g": 95,
    "b": 63
  },
  "hsl": {
    "h": 155.065,
    "s": 68.142,
    "l": 22.157
  },
  "oklch": {
    "l": 0.43188,
    "c": 0.0897,
    "h": 160.2
  },
  "luminance": 0.08672
}

Semantic roles & 50–950 ramp

primary
#125F3F
secondary
#97365E
accent
#3D85EB
background
#F5F8F7
surface
#EAF0ED
border
#C6CBC8
text
#050C08
muted
#797D7B

Preview Lab

Preview with #125F3F

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

Preview Lab → · Contrast checker → · Palette generator →

#125F3F Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva