#2598B5#2598B5

#2598B5 is a light, moderate cyan. Relative luminance 0.262; OKLCH L 63.1% C 0.105 H 219.5°. Best body text is #000000 at 6.24:1 contrast (WCAG AA passes).

Color values

HEX#2598B5
RGBrgb(37, 152, 181)
HSLhsl(192, 66%, 43%)
HSVhsv(192, 80%, 71%)
CMYKcmyk(79.6%, 16%, 0%, 29%)
CIE-LABlab(58.21, -20.86, -23.94)
CIE-LCHlch(58.21, 31.75, 228.93°)
OKLaboklab(63.13% -0.0813 -0.067)
OKLCHoklch(63.13% 0.105 219.5)
XYZxyz(20.3281, 26.1835, 47.6896)
Luminance0.2619 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#2598B5 #B54225
analogous
#25B58A #2598B5 #2550B5
triadic
#2598B5 #B52598 #98B525
tetradic
#2598B5 #8A25B5 #B54225 #50B525
square
#2598B5 #8A25B5 #B54225 #50B525
split-complementary
#2598B5 #B52550 #B58A25
monochromatic
#10434F #1B6D82 #2598B5 #3FB9D8 #72CCE2

Accessibility & contrast

On white

3.37
#2598B5 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.24
#2598B5 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #2598B5
6.24:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##2598B5#FFFFFF#000000##000000
##2598B51.003.376.246.24
#FFFFFF3.371.0021.0021.00
#0000006.2421.001.001.00
##0000006.2421.001.001.00

Color blindness preview

Protanopia (red-blind)
#8694B7
Deuteranopia (green-blind)
#7386B5
Tritanopia (blue-blind)
#00A2A1
Achromatopsia (no color)
#8C8C8C

Design tokens & code

CSS
--color: #2598b5;
/* rgb */ color: rgb(37, 152, 181);
/* oklch */ color: oklch(63.1% 0.105 219.5);
Tailwind
colors: {
  custom: {
    50: '#78b6cb',
    500: '#2598b5',
    950: '#000000',
  },
}
SCSS
$custom: #2598b5;
$custom-light: #78b6cb;
$custom-dark: #000000;
JSON
{
  "hex": "#2598b5",
  "rgb": {
    "r": 37,
    "g": 152,
    "b": 181
  },
  "hsl": {
    "h": 192.083,
    "s": 66.055,
    "l": 42.745
  },
  "oklch": {
    "l": 0.63129,
    "c": 0.10535,
    "h": 219.5
  },
  "luminance": 0.26186
}

Semantic roles & 50–950 ramp

primary
#2598B5
secondary
#C97F6D
accent
#613FE9
background
#F8FBFC
surface
#EFF6F8
border
#CAD0D1
text
#0A1113
muted
#7C8082

Preview Lab

Preview with #2598B5

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

Preview Lab → · Contrast checker → · Palette generator →

#2598B5 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva