#25758B#25758B

#25758B is a mid, moderate cyan. Relative luminance 0.150; OKLCH L 52.5% C 0.082 H 220.1°. Best body text is #FFFFFF at 5.26:1 contrast (WCAG AA passes).

Color values

HEX	#25758B
RGB	rgb(37, 117, 139)
HSL	hsl(193, 58%, 35%)
HSV	hsv(193, 73%, 55%)
CMYK	cmyk(73.4%, 15.8%, 0%, 45.5%)
CIE-LAB	lab(45.60, -16.23, -18.95)
CIE-LCH	lch(45.60, 24.95, 229.43°)
OKLab	oklab(52.45% -0.063 -0.0529)
OKLCH	oklch(52.45% 0.082 220.1)
XYZ	xyz(11.7825, 14.9786, 26.6913)
Luminance	0.1498 (WCAG relative)
Temperature	cool
Family	cyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#25758B #8B3B25

analogous

#258B6E #25758B #25428B

triadic

#25758B #8B2575 #758B25

tetradic

#25758B #6E258B #8B3B25 #428B25

square

#25758B #6E258B #8B3B25 #428B25

split-complementary

#25758B #8B2542 #8B6E25

monochromatic

#0B242A #184C5B #25758B #329EBB #58B8D3

Accessibility & contrast

On white

5.26

#25758B on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.00

#25758B on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #25758B

5.26:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##25758B	#FFFFFF	#000000	##FFFFFF
##25758B	1.00	5.26	4.00	5.26
#FFFFFF	5.26	1.00	21.00	1.00
#000000	4.00	21.00	1.00	21.00
##FFFFFF	5.26	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#68728C

Deuteranopia (green-blind)

#59688B

Tritanopia (blue-blind)

#007C7C

Achromatopsia (no color)

#6C6C6C

Design tokens & code

CSS

--color: #25758b;
/* rgb */ color: rgb(37, 117, 139);
/* oklch */ color: oklch(52.5% 0.082 220.1);

Tailwind

colors: {
  custom: {
    50: '#6f9dad',
    500: '#25758b',
    950: '#000000',
  },
}

SCSS

$custom: #25758b;
$custom-light: #6f9dad;
$custom-dark: #000000;

JSON

{
  "hex": "#25758b",
  "rgb": {
    "r": 37,
    "g": 117,
    "b": 139
  },
  "hsl": {
    "h": 192.941,
    "s": 57.955,
    "l": 34.51
  },
  "oklch": {
    "l": 0.52452,
    "c": 0.08225,
    "h": 220.1
  },
  "luminance": 0.1498
}

Semantic roles & 50–950 ramp

primary

#25758B

secondary

#B76A55

accent

#6847E1

background

#F7F9FA

surface

#EDF2F4

border

#C8CCCE

text

#080E10

muted

#7B7E7F

Preview Lab

Preview with #25758B

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

Preview Lab → · Contrast checker → · Palette generator →