#259AC6#259AC6

#259AC6 is a light, moderate cyan. Relative luminance 0.276; OKLCH L 64.4% C 0.117 H 229.1°. Best body text is #000000 at 6.52:1 contrast (WCAG AA passes).

Color values

HEX	#259AC6
RGB	rgb(37, 154, 198)
HSL	hsl(196, 69%, 46%)
HSV	hsv(196, 81%, 78%)
CMYK	cmyk(81.3%, 22.2%, 0%, 22.4%)
CIE-LAB	lab(59.51, -16.12, -31.52)
CIE-LCH	lch(59.51, 35.41, 242.92°)
OKLab	oklab(64.4% -0.0768 -0.0887)
OKLCH	oklch(64.4% 0.117 229.1)
XYZ	xyz(22.5074, 27.5789, 57.5521)
Luminance	0.2758 (WCAG relative)
Temperature	cool
Family	cyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#259AC6 #C65125

analogous

#25C6A2 #259AC6 #2549C6

triadic

#259AC6 #C6259A #9AC625

tetradic

#259AC6 #A225C6 #C65125 #49C625

square

#259AC6 #A225C6 #C65125 #49C625

split-complementary

#259AC6 #C62549 #C6A225

monochromatic

#124A5F #1B7292 #259AC6 #4BB5DD #7ECAE7

Accessibility & contrast

On white

3.22

#259AC6 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

6.52

#259AC6 on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #259AC6

6.52:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##259AC6	#FFFFFF	#000000	##000000
##259AC6	1.00	3.22	6.52	6.52
#FFFFFF	3.22	1.00	21.00	21.00
#000000	6.52	21.00	1.00	1.00
##000000	6.52	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#8398C8

Deuteranopia (green-blind)

#6E89C5

Tritanopia (blue-blind)

#00A6A9

Achromatopsia (no color)

#8F8F8F

Design tokens & code

CSS

--color: #259ac6;
/* rgb */ color: rgb(37, 154, 198);
/* oklch */ color: oklch(64.4% 0.117 229.1);

Tailwind

colors: {
  custom: {
    50: '#7bb7d7',
    500: '#259ac6',
    950: '#000000',
  },
}

SCSS

$custom: #259ac6;
$custom-light: #7bb7d7;
$custom-dark: #000000;

JSON

{
  "hex": "#259ac6",
  "rgb": {
    "r": 37,
    "g": 154,
    "b": 198
  },
  "hsl": {
    "h": 196.398,
    "s": 68.511,
    "l": 46.078
  },
  "oklch": {
    "l": 0.64396,
    "c": 0.11732,
    "h": 229.1
  },
  "luminance": 0.27582
}

Semantic roles & 50–950 ramp

primary

#259AC6

secondary

#CF8F77

accent

#6C3CEB

background

#F8FBFD

surface

#EFF6FA

border

#CAD0D3

text

#0B1114

muted

#7C8083

Preview Lab

Preview with #259AC6

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

Preview Lab → · Contrast checker → · Palette generator →