#23684A#23684A

#23684A is a mid, moderate teal. Relative luminance 0.108; OKLCH L 46.5% C 0.085 H 161.3°. Best body text is #FFFFFF at 6.67:1 contrast (WCAG AA passes).

Color values

HEX#23684A
RGBrgb(35, 104, 74)
HSLhsl(154, 50%, 27%)
HSVhsv(154, 66%, 41%)
CMYKcmyk(66.3%, 0%, 28.8%, 59.2%)
CIE-LABlab(39.16, -29.39, 10.68)
CIE-LCHlch(39.16, 31.27, 160.03°)
OKLaboklab(46.52% -0.0806 0.0272)
OKLCHoklch(46.52% 0.085 161.3)
XYZxyz(6.8788, 10.7517, 8.1900)
Luminance0.1075 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#23684A #682341
analogous
#236828 #23684A #236468
triadic
#23684A #4A2368 #684A23
tetradic
#23684A #282368 #682341 #646823
square
#23684A #282368 #682341 #646823
split-complementary
#23684A #682364 #682823
monochromatic
#081710 #143A29 #23684A #32966B #45C08B

Accessibility & contrast

On white

6.67
#23684A on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.15
#23684A on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #23684A
6.67:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##23684A#FFFFFF#000000##FFFFFF
##23684A1.006.673.156.67
#FFFFFF6.671.0021.001.00
#0000003.1521.001.0021.00
##FFFFFF6.671.0021.001.00

Color blindness preview

Protanopia (red-blind)
#666048
Deuteranopia (green-blind)
#5D594C
Tritanopia (blue-blind)
#006860
Achromatopsia (no color)
#5C5C5C

Design tokens & code

CSS
--color: #23684a;
/* rgb */ color: rgb(35, 104, 74);
/* oklch */ color: oklch(46.5% 0.085 161.3);
Tailwind
colors: {
  custom: {
    50: '#66947c',
    500: '#23684a',
    950: '#000000',
  },
}
SCSS
$custom: #23684a;
$custom-light: #66947c;
$custom-dark: #000000;
JSON
{
  "hex": "#23684a",
  "rgb": {
    "r": 35,
    "g": 104,
    "b": 74
  },
  "hsl": {
    "h": 153.913,
    "s": 49.64,
    "l": 27.255
  },
  "oklch": {
    "l": 0.46522,
    "c": 0.08504,
    "h": 161.3
  },
  "luminance": 0.10752
}

Semantic roles & 50–950 ramp

primary
#23684A
secondary
#9B4B6E
accent
#4F8BD9
background
#F6F9F7
surface
#EBF1EE
border
#C6CBC9
text
#060D09
muted
#7A7E7B

Preview Lab

Preview with #23684A

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

Preview Lab → · Contrast checker → · Palette generator →

#23684A Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva