#1F7484

#1F7484

Color Values

HEX

#1F7484

RGB

31, 116, 132

HSL

189.5, 62.0%, 32.0%

HSV

189.5, 76.5%, 51.8%

CMYK

76.5%, 12.1%, 0.0%, 48.2%

OKLCH

0.5173 0.0809 213.3

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#1F7484

#842F1F

Analogous

#1F8462

#1F4284

#1F7484

Triadic

#1F7484

#841F74

#74841F

Split Complementary

#1F7484

#841F42

#84621F

Tetradic

#1F7484

#621F84

#842F1F

#42841F

Color Blindness Simulation

Original

#1F7484

Protanopia

#444580

Deuteranopia

#3F387F

Tritanopia

#237D7C

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F3FAFB
100
#E4F4F7
200
#C5EAF1
300
#9CDCE8
400
#66C9DB
500
#30B6CF
600
#2791A5
700
#1F7484
800
#185B67
900
#15434B
950
#0E2A30

Contrast Checker

Text on white

5.4:1

AA Pass AAA Fail

Text on black

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