#1F89AD

#1F89AD

Color Values

HEX

#1F89AD

RGB

31, 137, 173

HSL

195.2, 69.6%, 40.0%

HSV

195.2, 82.1%, 67.8%

CMYK

82.1%, 20.8%, 0.0%, 32.2%

OKLCH

0.5894 0.105 226.6

Properties

Cool Light Nearest: Blue Green

Color Harmonies

Complementary

#1F89AD

#AD431F

Analogous

#1FAD8A

#1F42AD

#1F89AD

Triadic

#1F89AD

#AD1F89

#89AD1F

Split Complementary

#1F89AD

#AD1F42

#AD8A1F

Tetradic

#1F89AD

#8A1FAD

#AD431F

#42AD1F

Color Blindness Simulation

Original

#1F89AD

Protanopia

#4D4EA4

Deuteranopia

#473FA2

Tritanopia

#249D9C

Achromatopsia

#757575

CSS Usage

background-color: #1F89AD;
color: #1F89AD;
border-color: #1F89AD;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F3FAFC
100
#E3F2F8
200
#C2E8F4
300
#97D7EC
400
#5FC1E2
500
#27ABD8
600
#1F89AD
700
#196E8A
800
#13566C
900
#123F4F
950
#0B2832

Contrast Checker

Text on white

4.01:1

AA Fail AAA Fail

Text on black

5.24:1

AA Pass 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