#1F8DAD

#1F8DAD

Color Values

HEX

#1F8DAD

RGB

31, 141, 173

HSL

193.5, 69.6%, 40.0%

HSV

193.5, 82.1%, 67.8%

CMYK

82.1%, 18.5%, 0.0%, 32.2%

OKLCH

0.5993 0.1038 223.0

Properties

Cool Light Nearest: Blue Green

Color Harmonies

Complementary

#1F8DAD

#AD3F1F

Analogous

#1FAD86

#1F46AD

#1F8DAD

Triadic

#1F8DAD

#AD1F8D

#8DAD1F

Split Complementary

#1F8DAD

#AD1F46

#AD861F

Tetradic

#1F8DAD

#861FAD

#AD3F1F

#46AD1F

Color Blindness Simulation

Original

#1F8DAD

Protanopia

#4F50A5

Deuteranopia

#4840A3

Tritanopia

#249F9E

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F3FAFC
100
#E3F3F8
200
#C2E9F4
300
#97D9EC
400
#5FC5E2
500
#27B0D8
600
#1F8DAD
700
#19718A
800
#13586C
900
#12414F
950
#0B2932

Contrast Checker

Text on white

3.84:1

AA Fail AAA Fail

Text on black

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