#2F5773

#2F5773

Color Values

HEX

#2F5773

RGB

47, 87, 115

HSL

204.7, 42.0%, 31.8%

HSV

204.7, 59.1%, 45.1%

CMYK

59.1%, 24.3%, 0.0%, 54.9%

OKLCH

0.4401 0.0648 240.9

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#2F5773

#734B2F

Analogous

#2F736D

#2F3573

#2F5773

Triadic

#2F5773

#732F57

#57732F

Split Complementary

#2F5773

#732F35

#736D2F

Tetradic

#2F5773

#6D2F73

#734B2F

#35732F

Color Blindness Simulation

Original

#2F5773

Protanopia

#40416C

Deuteranopia

#3E3B6B

Tritanopia

#316766

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EEF4
200
#CCDEEA
300
#A8C6DC
400
#79A8C8
500
#4A89B5
600
#3B6E91
700
#2F5874
800
#25445B
900
#1E3443
950
#13212A

Contrast Checker

Text on white

7.69:1

AA Pass AAA Pass

Text on black

2.73:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026