#1F8FAD

#1F8FAD

Color Values

HEX

#1F8FAD

RGB

31, 143, 173

HSL

192.7, 69.6%, 40.0%

HSV

192.7, 82.1%, 67.8%

CMYK

82.1%, 17.3%, 0.0%, 32.2%

OKLCH

0.6043 0.1034 221.2

Properties

Cool Light Nearest: Blue Green

Color Harmonies

Complementary

#1F8FAD

#AD3D1F

Analogous

#1FAD84

#1F48AD

#1F8FAD

Triadic

#1F8FAD

#AD1F8F

#8FAD1F

Split Complementary

#1F8FAD

#AD1F48

#AD841F

Tetradic

#1F8FAD

#841FAD

#AD3D1F

#48AD1F

Color Blindness Simulation

Original

#1F8FAD

Protanopia

#5050A6

Deuteranopia

#4941A4

Tritanopia

#25A09F

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F3FAFC
100
#E3F3F8
200
#C2EAF4
300
#97DAEC
400
#5FC7E2
500
#27B3D8
600
#1F8FAD
700
#19728A
800
#13596C
900
#12424F
950
#0B2A32

Contrast Checker

Text on white

3.76:1

AA Fail AAA Fail

Text on black

5.59:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026