#416097#416097

#416097 is a mid, moderate blue. Relative luminance 0.117; OKLCH L 49.1% C 0.096 H 261.2°. Best body text is #FFFFFF at 6.28:1 contrast (WCAG AA passes).

Color values

HEX	#416097
RGB	rgb(65, 96, 151)
HSL	hsl(218, 40%, 42%)
HSV	hsv(218, 57%, 59%)
CMYK	cmyk(57%, 36.4%, 0%, 40.8%)
CIE-LAB	lab(40.77, 5.75, -33.55)
CIE-LCH	lch(40.77, 34.04, 279.73°)
OKLab	oklab(49.11% -0.0147 -0.0949)
OKLCH	oklch(49.11% 0.096 261.2)
XYZ	xyz(11.9468, 11.7230, 30.9054)
Luminance	0.1172 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#416097 #977841

analogous

#418B97 #416097 #4D4197

triadic

#416097 #974160 #609741

tetradic

#416097 #97418B #977841 #41974D

square

#416097 #97418B #977841 #41974D

split-complementary

#416097 #974D41 #8B9741

monochromatic

#1C2A41 #2F456C #416097 #5C7EB9 #87A0CB

Accessibility & contrast

On white

6.28

#416097 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.34

#416097 on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #416097

6.28:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##416097	#FFFFFF	#000000	##FFFFFF
##416097	1.00	6.28	3.34	6.28
#FFFFFF	6.28	1.00	21.00	1.00
#000000	3.34	21.00	1.00	21.00
##FFFFFF	6.28	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#4A6499

Deuteranopia (green-blind)

#3F5C96

Tritanopia (blue-blind)

#076C74

Achromatopsia (no color)

#606060

Design tokens & code

CSS

--color: #416097;
/* rgb */ color: rgb(65, 96, 151);
/* oklch */ color: oklch(49.1% 0.096 261.2);

Tailwind

colors: {
  custom: {
    50: '#7c8cb6',
    500: '#416097',
    950: '#000000',
  },
}

SCSS

$custom: #416097;
$custom-light: #7c8cb6;
$custom-dark: #000000;

JSON

{
  "hex": "#416097",
  "rgb": {
    "r": 65,
    "g": 96,
    "b": 151
  },
  "hsl": {
    "h": 218.372,
    "s": 39.815,
    "l": 42.353
  },
  "oklch": {
    "l": 0.49114,
    "c": 0.096,
    "h": 261.2
  },
  "luminance": 0.11724
}

Semantic roles & 50–950 ramp

primary

#416097

secondary

#B6A27E

accent

#A558D0

background

#F7F8FB

surface

#EEF0F6

border

#C9CBD0

text

#0A0C11

muted

#7C7D80

Preview Lab

Preview with #416097

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

Preview Lab → · Contrast checker → · Palette generator →