#25998B#25998B

#25998B is a mid, moderate teal. Relative luminance 0.250; OKLCH L 61.8% C 0.101 H 182.9°. Best body text is #000000 at 6.01:1 contrast (WCAG AA passes).

Color values

HEX#25998B
RGBrgb(37, 153, 139)
HSLhsl(173, 61%, 37%)
HSVhsv(173, 76%, 60%)
CMYKcmyk(75.8%, 0%, 9.2%, 40%)
CIE-LABlab(57.11, -34.47, -1.68)
CIE-LCHlch(57.11, 34.51, 182.79°)
OKLaboklab(61.77% -0.1008 -0.0051)
OKLCHoklch(61.77% 0.101 182.9)
XYZxyz(16.8121, 25.0378, 28.3678)
Luminance0.2504 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#25998B #992533
analogous
#259951 #25998B #256D99
triadic
#25998B #8B2599 #998B25
tetradic
#25998B #512599 #992533 #6D9925
square
#25998B #512599 #992533 #6D9925
split-complementary
#25998B #99256D #995125
monochromatic
#0D3631 #19685E #25998B #31CAB8 #60D9CA

Accessibility & contrast

On white

3.50
#25998B on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.01
#25998B on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #25998B
6.01:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##25998B#FFFFFF#000000##000000
##25998B1.003.506.016.01
#FFFFFF3.501.0021.0021.00
#0000006.0121.001.001.00
##0000006.0121.001.001.00

Color blindness preview

Protanopia (red-blind)
#91908B
Deuteranopia (green-blind)
#82848C
Tritanopia (blue-blind)
#009C95
Achromatopsia (no color)
#898989

Design tokens & code

CSS
--color: #25998b;
/* rgb */ color: rgb(37, 153, 139);
/* oklch */ color: oklch(61.8% 0.101 182.9);
Tailwind
colors: {
  custom: {
    50: '#73b7ac',
    500: '#25998b',
    950: '#000000',
  },
}
SCSS
$custom: #25998b;
$custom-light: #73b7ac;
$custom-dark: #000000;
JSON
{
  "hex": "#25998b",
  "rgb": {
    "r": 37,
    "g": 153,
    "b": 139
  },
  "hsl": {
    "h": 172.759,
    "s": 61.053,
    "l": 37.255
  },
  "oklch": {
    "l": 0.61772,
    "c": 0.10095,
    "h": 182.9
  },
  "luminance": 0.2504
}

Semantic roles & 50–950 ramp

primary
#25998B
secondary
#BE5C68
accent
#4457E4
background
#F7FBFA
surface
#EEF6F4
border
#C9D0CE
text
#091110
muted
#7B807F

Preview Lab

Preview with #25998B

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

Preview Lab → · Contrast checker → · Palette generator →

#25998B Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva