#257E62#257E62

#257E62 is a mid, moderate teal. Relative luminance 0.162; OKLCH L 53.3% C 0.094 H 167.9°. Best body text is #FFFFFF at 4.95:1 contrast (WCAG AA passes).

Color values

HEX#257E62
RGBrgb(37, 126, 98)
HSLhsl(161, 55%, 32%)
HSVhsv(161, 71%, 49%)
CMYKcmyk(70.6%, 0%, 22.2%, 50.6%)
CIE-LABlab(47.23, -33.19, 7.76)
CIE-LCHlch(47.23, 34.08, 166.84°)
OKLaboklab(53.34% -0.0922 0.0199)
OKLCHoklch(53.34% 0.094 167.9)
XYZxyz(10.4273, 16.1957, 14.1295)
Luminance0.1620 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#257E62 #7E2541
analogous
#257E36 #257E62 #256E7E
triadic
#257E62 #62257E #7E6225
tetradic
#257E62 #36257E #7E2541 #6E7E25
square
#257E62 #36257E #7E2541 #6E7E25
split-complementary
#257E62 #7E256E #7E3625
monochromatic
#091F18 #174F3D #257E62 #33AD87 #51CCA5

Accessibility & contrast

On white

4.95
#257E62 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.24
#257E62 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #257E62
4.95:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##257E62#FFFFFF#000000##FFFFFF
##257E621.004.954.244.95
#FFFFFF4.951.0021.001.00
#0000004.2421.001.0021.00
##FFFFFF4.951.0021.001.00

Color blindness preview

Protanopia (red-blind)
#7B7561
Deuteranopia (green-blind)
#6F6C64
Tritanopia (blue-blind)
#007F76
Achromatopsia (no color)
#707070

Design tokens & code

CSS
--color: #257e62;
/* rgb */ color: rgb(37, 126, 98);
/* oklch */ color: oklch(53.3% 0.094 167.9);
Tailwind
colors: {
  custom: {
    50: '#6ca48e',
    500: '#257e62',
    950: '#000000',
  },
}
SCSS
$custom: #257e62;
$custom-light: #6ca48e;
$custom-dark: #000000;
JSON
{
  "hex": "#257e62",
  "rgb": {
    "r": 37,
    "g": 126,
    "b": 98
  },
  "hsl": {
    "h": 161.124,
    "s": 54.601,
    "l": 31.961
  },
  "oklch": {
    "l": 0.53335,
    "c": 0.09434,
    "h": 167.9
  },
  "luminance": 0.16197
}

Semantic roles & 50–950 ramp

primary
#257E62
secondary
#B04F6D
accent
#4A78DE
background
#F6FAF8
surface
#ECF4F0
border
#C7CECB
text
#080F0C
muted
#7A7F7D

Preview Lab

Preview with #257E62

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

Preview Lab → · Contrast checker → · Palette generator →

#257E62 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva