#416576

#416576

Color Values

HEX

#416576

RGB

65, 101, 118

HSL

199.2, 29.0%, 35.9%

HSV

199.2, 44.9%, 46.3%

CMYK

44.9%, 14.4%, 0.0%, 53.7%

OKLCH

0.4864 0.0494 229.3

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#416576

#765241

Analogous

#41766D

#414B76

#416576

Triadic

#416576

#764165

#657641

Split Complementary

#416576

#76414B

#766D41

Tetradic

#416576

#6D4176

#765241

#4B7641

Color Blindness Simulation

Original

#416576

Protanopia

#515172

Deuteranopia

#4E4C71

Tritanopia

#436F6E

Achromatopsia

#5F5F5F

CSS Usage

background-color: #416576;
color: #416576;
border-color: #416576;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F5F8F9
100
#E9EFF2
200
#D1DFE6
300
#B0C8D4
400
#85ABBC
500
#5B8DA4
600
#487184
700
#3A5A69
800
#2D4652
900
#24353D
950
#172127

Contrast Checker

Text on white

6.27:1

AA Pass AAA Fail

Text on black

3.35:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026