#2F5C76

#2F5C76

Color Values

HEX

#2F5C76

RGB

47, 92, 118

HSL

202,0, 43,0%, 32,4%

HSV

202,0, 60,2%, 46,3%

CMYK

60,2%, 22,0%, 0,0%, 53,7%

OKLCH

0,4542 0,0654 236,0

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#2F5C76

#76492F

Analogous

#2F766D

#2F3976

#2F5C76

Triadic

#2F5C76

#762F5C

#5C762F

Split Complementary

#2F5C76

#762F39

#766D2F

Tetradic

#2F5C76

#6D2F76

#76492F

#39762F

Color Blindness Simulation

Original

#2F5C76

Protanopia

#424370

Deuteranopia

#403C6E

Tritanopia

#316B6A

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EFF4
200
#CCDFEB
300
#A7C9DC
400
#78ABC9
500
#498EB6
600
#3A7292
700
#2F5B75
800
#24475B
900
#1E3543
950
#13222A

Contrast Checker

Text on white

7,21:1

AA Pass AAA Pass

Text on black

2,91: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