#475F6A

#475F6A

Color Values

HEX

#475F6A

RGB

71, 95, 106

HSL

198.9, 19.8%, 34.7%

HSV

198.9, 33.0%, 41.6%

CMYK

33.0%, 10.4%, 0.0%, 58.4%

OKLCH

0.4703 0.0339 227.8

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#475F6A

#6A5247

Analogous

#476A64

#474D6A

#475F6A

Triadic

#475F6A

#6A475F

#5F6A47

Split Complementary

#475F6A

#6A474D

#6A6447

Tetradic

#475F6A

#64476A

#6A5247

#4D6A47

Color Blindness Simulation

Original

#475F6A

Protanopia

#515267

Deuteranopia

#504E67

Tritanopia

#486565

Achromatopsia

#5B5B5B

CSS Usage

background-color: #475F6A;
color: #475F6A;
border-color: #475F6A;
Nearest Tailwind: Gray 600 #4B5563

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D4DEE2
300
#B6C6CE
400
#8EA8B3
500
#668999
600
#526D7A
700
#415862
800
#33444C
900
#283439
950
#192124

Contrast Checker

Text on white

6.75:1

AA Pass AAA Fail

Text on black

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