#2F535A

#2F535A

Color Values

HEX

#2F535A

RGB

47, 83, 90

HSL

189.8, 31.4%, 26.9%

HSV

189.8, 47.8%, 35.3%

CMYK

47.8%, 7.8%, 0.0%, 64.7%

OKLCH

0.4181 0.043 211.4

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#2F535A

#5A362F

Analogous

#2F5A4C

#2F3E5A

#2F535A

Triadic

#2F535A

#5A2F53

#535A2F

Split Complementary

#2F535A

#5A2F3E

#5A4C2F

Tetradic

#2F535A

#4C2F5A

#5A362F

#3E5A2F

Color Blindness Simulation

Original

#2F535A

Protanopia

#3F3F58

Deuteranopia

#3C3A58

Tritanopia

#315757

Achromatopsia

#4C4C4C

CSS Usage

background-color: #2F535A;
color: #2F535A;
border-color: #2F535A;
Nearest Tailwind: Cyan 900 #164E63

Tailwind Shades

50
#F5F9F9
100
#E8F0F2
200
#D0E3E7
300
#AFCFD5
400
#83B5BE
500
#579AA8
600
#467C86
700
#38636B
800
#2C4D54
900
#233A3E
950
#162427

Contrast Checker

Text on white

8.38:1

AA Pass AAA Pass

Text on black

2.51:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026