#123D45#123D45

#123D45 is a dark, muted teal. Relative luminance 0.039; OKLCH L 33.4% C 0.048 H 212.2°. Best body text is #FFFFFF at 11.80:1 contrast (WCAG AA passes).

Color values

HEX#123D45
RGBrgb(18, 61, 69)
HSLhsl(189, 59%, 17%)
HSVhsv(189, 74%, 27%)
CMYKcmyk(73.9%, 11.6%, 0%, 72.9%)
CIE-LABlab(23.32, -11.62, -9.24)
CIE-LCHlch(23.32, 14.85, 218.50°)
OKLaboklab(33.44% -0.0408 -0.0257)
OKLCHoklch(33.44% 0.048 212.2)
XYZxyz(2.9919, 3.8954, 6.2233)
Luminance0.0390 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#123D45 #451A12
analogous
#124534 #123D45 #122445
triadic
#123D45 #45123D #3D4512
tetradic
#123D45 #341245 #451A12 #244512
square
#123D45 #341245 #451A12 #244512
split-complementary
#123D45 #451224 #453412
monochromatic
#061518 #061518 #123D45 #1F6876 #2B93A6

Accessibility & contrast

On white

11.80
#123D45 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.78
#123D45 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #123D45
11.80:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##123D45#FFFFFF#000000##FFFFFF
##123D451.0011.801.7811.80
#FFFFFF11.801.0021.001.00
#0000001.7821.001.0021.00
##FFFFFF11.801.0021.001.00

Color blindness preview

Protanopia (red-blind)
#373B45
Deuteranopia (green-blind)
#2F3545
Tritanopia (blue-blind)
#00403F
Achromatopsia (no color)
#383838

Design tokens & code

CSS
--color: #123d45;
/* rgb */ color: rgb(18, 61, 69);
/* oklch */ color: oklch(33.4% 0.048 212.2);
Tailwind
colors: {
  custom: {
    50: '#587278',
    500: '#123d45',
    950: '#000000',
  },
}
SCSS
$custom: #123d45;
$custom-light: #587278;
$custom-dark: #000000;
JSON
{
  "hex": "#123d45",
  "rgb": {
    "r": 18,
    "g": 61,
    "b": 69
  },
  "hsl": {
    "h": 189.412,
    "s": 58.621,
    "l": 17.059
  },
  "oklch": {
    "l": 0.33444,
    "c": 0.04822,
    "h": 212.2
  },
  "luminance": 0.03896
}

Semantic roles & 50–950 ramp

primary
#123D45
secondary
#7E4035
accent
#5E46E2
background
#F5F6F7
surface
#E9ECED
border
#C5C7C8
text
#040809
muted
#797B7B

Preview Lab

Preview with #123D45

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

Preview Lab → · Contrast checker → · Palette generator →

#123D45 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva