#1F7684

#1F7684

Color Values

HEX

#1F7684

RGB

31, 118, 132

HSL

188.3, 62.0%, 32.0%

HSV

188.3, 76.5%, 51.8%

CMYK

76.5%, 10.6%, 0.0%, 48.2%

OKLCH

0.5225 0.0813 210.8

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#1F7684

#842D1F

Analogous

#1F8460

#1F4484

#1F7684

Triadic

#1F7684

#841F76

#76841F

Split Complementary

#1F7684

#841F44

#84601F

Tetradic

#1F7684

#601F84

#842D1F

#44841F

Color Blindness Simulation

Original

#1F7684

Protanopia

#454581

Deuteranopia

#403980

Tritanopia

#237E7D

Achromatopsia

#656565

CSS Usage

background-color: #1F7684;
color: #1F7684;
border-color: #1F7684;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F3FAFB
100
#E4F4F7
200
#C5EBF1
300
#9CDDE8
400
#66CBDB
500
#30B9CF
600
#2794A5
700
#1F7684
800
#185C67
900
#15444B
950
#0E2B30

Contrast Checker

Text on white

5.27:1

AA Pass AAA Fail

Text on black

3.98:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026