#417066

#417066

Color Values

HEX

#417066

RGB

65, 112, 102

HSL

167.2, 26.6%, 34.7%

HSV

167.2, 42.0%, 43.9%

CMYK

42.0%, 0.0%, 8.9%, 56.1%

OKLCH

0.5083 0.0543 178.8

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#417066

#70414B

Analogous

#41704E

#416370

#417066

Triadic

#417066

#664170

#706641

Split Complementary

#417066

#704163

#704E41

Tetradic

#417066

#4E4170

#70414B

#637041

Color Blindness Simulation

Original

#417066

Protanopia

#555668

Deuteranopia

#534F69

Tritanopia

#436A6B

Achromatopsia

#656565

CSS Usage

background-color: #417066;
color: #417066;
border-color: #417066;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F6F9F8
100
#E9F1EF
200
#D2E5E1
300
#B2D2CB
400
#88BAAF
500
#5EA193
600
#4B8176
700
#3C675E
800
#2F5149
900
#253C37
950
#172623

Contrast Checker

Text on white

5.62:1

AA Pass AAA Fail

Text on black

3.73: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