#417894#417894

#417894 is a mid, moderate cyan. Relative luminance 0.167; OKLCH L 54.7% C 0.073 H 232.4°. Best body text is #FFFFFF at 4.84:1 contrast (WCAG AA passes).

Color values

HEX#417894
RGBrgb(65, 120, 148)
HSLhsl(200, 39%, 42%)
HSVhsv(200, 56%, 58%)
CMYKcmyk(56.1%, 18.9%, 0%, 42%)
CIE-LABlab(47.87, -9.75, -20.71)
CIE-LCHlch(47.87, 22.89, 244.79°)
OKLaboklab(54.65% -0.0444 -0.0577)
OKLCHoklch(54.65% 0.073 232.4)
XYZxyz(14.2397, 16.6936, 30.4830)
Luminance0.1669 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#417894 #945D41
analogous
#419487 #417894 #414F94
triadic
#417894 #944178 #789441
tetradic
#417894 #874194 #945D41 #4F9441
square
#417894 #874194 #945D41 #4F9441
split-complementary
#417894 #94414F #948741
monochromatic
#1C333F #2E5669 #417894 #5B98B7 #86B3CA

Accessibility & contrast

On white

4.84
#417894 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.34
#417894 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #417894
4.84:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##417894#FFFFFF#000000##FFFFFF
##4178941.004.844.344.84
#FFFFFF4.841.0021.001.00
#0000004.3421.001.0021.00
##FFFFFF4.841.0021.001.00

Color blindness preview

Protanopia (red-blind)
#6A7795
Deuteranopia (green-blind)
#5F6E94
Tritanopia (blue-blind)
#008081
Achromatopsia (no color)
#727272

Design tokens & code

CSS
--color: #417894;
/* rgb */ color: rgb(65, 120, 148);
/* oklch */ color: oklch(54.7% 0.073 232.4);
Tailwind
colors: {
  custom: {
    50: '#7c9fb3',
    500: '#417894',
    950: '#000000',
  },
}
SCSS
$custom: #417894;
$custom-light: #7c9fb3;
$custom-dark: #000000;
JSON
{
  "hex": "#417894",
  "rgb": {
    "r": 65,
    "g": 120,
    "b": 148
  },
  "hsl": {
    "h": 200.241,
    "s": 38.967,
    "l": 41.765
  },
  "oklch": {
    "l": 0.54652,
    "c": 0.07281,
    "h": 232.4
  },
  "luminance": 0.16695
}

Semantic roles & 50–950 ramp

primary
#417894
secondary
#B48F7C
accent
#8159CF
background
#F7F9FB
surface
#EEF2F6
border
#C9CCD0
text
#0A0E11
muted
#7C7E80

Preview Lab

Preview with #417894

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

Preview Lab → · Contrast checker → · Palette generator →

#417894 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva