#25A392#25A392

#25A392 is a light, moderate teal. Relative luminance 0.287; OKLCH L 64.6% C 0.108 H 181.4°. Best body text is #000000 at 6.73:1 contrast (WCAG AA passes).

Color values

HEX#25A392
RGBrgb(37, 163, 146)
HSLhsl(172, 63%, 39%)
HSVhsv(172, 77%, 64%)
CMYKcmyk(77.3%, 0%, 10.4%, 36.1%)
CIE-LABlab(60.48, -37.07, -0.71)
CIE-LCHlch(60.48, 37.08, 181.10°)
OKLaboklab(64.59% -0.1077 -0.0025)
OKLCHoklch(64.59% 0.108 181.4)
XYZxyz(19.0459, 28.6607, 31.7168)
Luminance0.2866 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#25A392 #A32536
analogous
#25A353 #25A392 #2575A3
triadic
#25A392 #9225A3 #A39225
tetradic
#25A392 #5325A3 #A32536 #75A325
square
#25A392 #5325A3 #A32536 #75A325
split-complementary
#25A392 #A32575 #A35325
monochromatic
#0E3F39 #1A7165 #25A392 #34D1BC #66DCCC

Accessibility & contrast

On white

3.12
#25A392 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.73
#25A392 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #25A392
6.73:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##25A392#FFFFFF#000000##000000
##25A3921.003.126.736.73
#FFFFFF3.121.0021.0021.00
#0000006.7321.001.001.00
##0000006.7321.001.001.00

Color blindness preview

Protanopia (red-blind)
#9B9991
Deuteranopia (green-blind)
#8B8D94
Tritanopia (blue-blind)
#00A69E
Achromatopsia (no color)
#929292

Design tokens & code

CSS
--color: #25a392;
/* rgb */ color: rgb(37, 163, 146);
/* oklch */ color: oklch(64.6% 0.108 181.4);
Tailwind
colors: {
  custom: {
    50: '#76bfb1',
    500: '#25a392',
    950: '#000000',
  },
}
SCSS
$custom: #25a392;
$custom-light: #76bfb1;
$custom-dark: #000000;
JSON
{
  "hex": "#25a392",
  "rgb": {
    "r": 37,
    "g": 163,
    "b": 146
  },
  "hsl": {
    "h": 171.905,
    "s": 63,
    "l": 39.216
  },
  "oklch": {
    "l": 0.64586,
    "c": 0.10773,
    "h": 181.4
  },
  "luminance": 0.28663
}

Semantic roles & 50–950 ramp

primary
#25A392
secondary
#C2626F
accent
#4258E6
background
#F7FBFA
surface
#EEF7F5
border
#C9D0CF
text
#0A1210
muted
#7C817F

Preview Lab

Preview with #25A392

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

Preview Lab → · Contrast checker → · Palette generator →

#25A392 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva