#427464#427464

#427464 is a mid, moderate teal. Relative luminance 0.146; OKLCH L 51.9% C 0.060 H 171.3°. Best body text is #FFFFFF at 5.37:1 contrast (WCAG AA passes).

Color values

HEX#427464
RGBrgb(66, 116, 100)
HSLhsl(161, 27%, 36%)
HSVhsv(161, 43%, 45%)
CMYKcmyk(43.1%, 0%, 13.8%, 54.5%)
CIE-LABlab(45.04, -20.98, 3.58)
CIE-LCHlch(45.04, 21.28, 170.31°)
OKLaboklab(51.86% -0.0597 0.0092)
OKLCHoklch(51.86% 0.06 171.3)
XYZxyz(10.7915, 14.5684, 14.2974)
Luminance0.1457 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#427464 #744252
analogous
#42744B #427464 #426B74
triadic
#427464 #644274 #746442
tetradic
#427464 #4B4274 #744252 #6B7442
square
#427464 #4B4274 #744252 #6B7442
split-complementary
#427464 #74426B #744B42
monochromatic
#162621 #2C4D42 #427464 #589B86 #7CB4A2

Accessibility & contrast

On white

5.37
#427464 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.91
#427464 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #427464
5.37:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##427464#FFFFFF#000000##FFFFFF
##4274641.005.373.915.37
#FFFFFF5.371.0021.001.00
#0000003.9121.001.0021.00
##FFFFFF5.371.0021.001.00

Color blindness preview

Protanopia (red-blind)
#716E63
Deuteranopia (green-blind)
#696865
Tritanopia (blue-blind)
#32756F
Achromatopsia (no color)
#6B6B6B

Design tokens & code

CSS
--color: #427464;
/* rgb */ color: rgb(66, 116, 100);
/* oklch */ color: oklch(51.9% 0.060 171.3);
Tailwind
colors: {
  custom: {
    50: '#799c90',
    500: '#427464',
    950: '#000000',
  },
}
SCSS
$custom: #427464;
$custom-light: #799c90;
$custom-dark: #000000;
JSON
{
  "hex": "#427464",
  "rgb": {
    "r": 66,
    "g": 116,
    "b": 100
  },
  "hsl": {
    "h": 160.8,
    "s": 27.473,
    "l": 35.686
  },
  "oklch": {
    "l": 0.51857,
    "c": 0.06038,
    "h": 171.3
  },
  "luminance": 0.14569
}

Semantic roles & 50–950 ramp

primary
#427464
secondary
#A07281
accent
#6483C4
background
#F7F9F8
surface
#EDF2F0
border
#C8CCCB
text
#090E0C
muted
#7B7E7D

Preview Lab

Preview with #427464

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

Preview Lab → · Contrast checker → · Palette generator →

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