#29637B#29637B

#29637B is a mid, moderate cyan. Relative luminance 0.108; OKLCH L 47.2% C 0.071 H 228.4°. Best body text is #FFFFFF at 6.64:1 contrast (WCAG AA passes).

Color values

HEX#29637B
RGBrgb(41, 99, 123)
HSLhsl(198, 50%, 32%)
HSVhsv(198, 67%, 48%)
CMYKcmyk(66.7%, 19.5%, 0%, 51.8%)
CIE-LABlab(39.28, -10.81, -19.04)
CIE-LCHlch(39.28, 21.90, 240.40°)
OKLaboklab(47.21% -0.0473 -0.0532)
OKLCHoklch(47.21% 0.071 228.4)
XYZxyz(8.9500, 10.8242, 20.3527)
Luminance0.1082 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#29637B #7B4129
analogous
#297B6A #29637B #293A7B
triadic
#29637B #7B2963 #637B29
tetradic
#29637B #6A297B #7B4129 #3A7B29
square
#29637B #6A297B #7B4129 #3A7B29
split-complementary
#29637B #7B293A #7B6A29
monochromatic
#0A191F #1A3E4D #29637B #3888A9 #57A6C7

Accessibility & contrast

On white

6.64
#29637B on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.17
#29637B on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #29637B
6.64:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##29637B#FFFFFF#000000##FFFFFF
##29637B1.006.643.176.64
#FFFFFF6.641.0021.001.00
#0000003.1721.001.0021.00
##FFFFFF6.641.0021.001.00

Color blindness preview

Protanopia (red-blind)
#56617C
Deuteranopia (green-blind)
#4B597B
Tritanopia (blue-blind)
#006A6B
Achromatopsia (no color)
#5D5D5D

Design tokens & code

CSS
--color: #29637b;
/* rgb */ color: rgb(41, 99, 123);
/* oklch */ color: oklch(47.2% 0.071 228.4);
Tailwind
colors: {
  custom: {
    50: '#6c8fa1',
    500: '#29637b',
    950: '#000000',
  },
}
SCSS
$custom: #29637b;
$custom-light: #6c8fa1;
$custom-dark: #000000;
JSON
{
  "hex": "#29637b",
  "rgb": {
    "r": 41,
    "g": 99,
    "b": 123
  },
  "hsl": {
    "h": 197.561,
    "s": 50,
    "l": 32.157
  },
  "oklch": {
    "l": 0.47206,
    "c": 0.07119,
    "h": 228.4
  },
  "luminance": 0.10825
}

Semantic roles & 50–950 ramp

primary
#29637B
secondary
#AC6D53
accent
#774EDA
background
#F6F8F9
surface
#ECF0F2
border
#C7CBCC
text
#070C0F
muted
#7A7D7E

Preview Lab

Preview with #29637B

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

Preview Lab → · Contrast checker → · Palette generator →

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