#2384A6#2384A6

#2384A6 is a mid, moderate cyan. Relative luminance 0.196; OKLCH L 57.4% C 0.100 H 226.7°. Best body text is #000000 at 4.92:1 contrast (WCAG AA passes).

Color values

HEX#2384A6
RGBrgb(35, 132, 166)
HSLhsl(196, 65%, 39%)
HSVhsv(196, 79%, 65%)
CMYKcmyk(78.9%, 20.5%, 0%, 34.9%)
CIE-LABlab(51.39, -15.43, -25.86)
CIE-LCHlch(51.39, 30.12, 239.18°)
OKLaboklab(57.45% -0.0684 -0.0726)
OKLCHoklch(57.45% 0.1 226.7)
XYZxyz(15.8245, 19.6111, 39.0203)
Luminance0.1961 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#2384A6 #A64523
analogous
#23A687 #2384A6 #2342A6
triadic
#2384A6 #A62384 #84A623
tetradic
#2384A6 #8723A6 #A64523 #42A623
square
#2384A6 #8723A6 #A64523 #42A623
split-complementary
#2384A6 #A62342 #A68723
monochromatic
#0E3441 #185C73 #2384A6 #32AAD4 #65BFDF

Accessibility & contrast

On white

4.27
#2384A6 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.92
#2384A6 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #2384A6
4.92:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##2384A6#FFFFFF#000000##000000
##2384A61.004.274.924.92
#FFFFFF4.271.0021.0021.00
#0000004.9221.001.001.00
##0000004.9221.001.001.00

Color blindness preview

Protanopia (red-blind)
#7281A8
Deuteranopia (green-blind)
#6075A6
Tritanopia (blue-blind)
#008E8F
Achromatopsia (no color)
#7A7A7A

Design tokens & code

CSS
--color: #2384a6;
/* rgb */ color: rgb(35, 132, 166);
/* oklch */ color: oklch(57.4% 0.100 226.7);
Tailwind
colors: {
  custom: {
    50: '#73a7c0',
    500: '#2384a6',
    950: '#000000',
  },
}
SCSS
$custom: #2384a6;
$custom-light: #73a7c0;
$custom-dark: #000000;
JSON
{
  "hex": "#2384a6",
  "rgb": {
    "r": 35,
    "g": 132,
    "b": 166
  },
  "hsl": {
    "h": 195.573,
    "s": 65.174,
    "l": 39.412
  },
  "oklch": {
    "l": 0.57448,
    "c": 0.09978,
    "h": 226.7
  },
  "luminance": 0.19613
}

Semantic roles & 50–950 ramp

primary
#2384A6
secondary
#C47B61
accent
#6B40E8
background
#F7FAFB
surface
#EEF4F7
border
#C9CED0
text
#090F12
muted
#7B7F81

Preview Lab

Preview with #2384A6

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

Preview Lab → · Contrast checker → · Palette generator →

#2384A6 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva