#1F98AD

#1F98AD

Color Values

HEX

#1F98AD

RGB

31, 152, 173

HSL

188.9, 69.6%, 40.0%

HSV

188.9, 82.1%, 67.8%

CMYK

82.1%, 12.1%, 0.0%, 32.2%

OKLCH

0.6268 0.103 212.9

Properties

Cool Light Nearest: NCS S 1050-B20G Cyan

Color Harmonies

Complementary

#1F98AD

#AD341F

Analogous

#1FAD7B

#1F51AD

#1F98AD

Triadic

#1F98AD

#AD1F98

#98AD1F

Split Complementary

#1F98AD

#AD1F51

#AD7B1F

Tetradic

#1F98AD

#7B1FAD

#AD341F

#51AD1F

Color Blindness Simulation

Original

#1F98AD

Protanopia

#5354A8

Deuteranopia

#4C43A7

Tritanopia

#25A4A3

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F3FBFC
100
#E3F5F8
200
#C2EDF4
300
#97E0EC
400
#5FCFE2
500
#27BED8
600
#1F98AD
700
#197A8A
800
#135F6C
900
#12464F
950
#0B2C32

Contrast Checker

Text on white

3.41:1

AA Fail AAA Fail

Text on black

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