#1F97AD

#1F97AD

Color Values

HEX

#1F97AD

RGB

31, 151, 173

HSL

189.3, 69.6%, 40.0%

HSV

189.3, 82.1%, 67.8%

CMYK

82.1%, 12.7%, 0.0%, 32.2%

OKLCH

0.6243 0.1029 213.8

Properties

Cool Light Nearest: NCS S 1050-B20G Cyan

Color Harmonies

Complementary

#1F97AD

#AD351F

Analogous

#1FAD7C

#1F50AD

#1F97AD

Triadic

#1F97AD

#AD1F97

#97AD1F

Split Complementary

#1F97AD

#AD1F50

#AD7C1F

Tetradic

#1F97AD

#7C1FAD

#AD351F

#50AD1F

Color Blindness Simulation

Original

#1F97AD

Protanopia

#5354A8

Deuteranopia

#4C43A6

Tritanopia

#25A3A3

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F3FAFC
100
#E3F4F8
200
#C2ECF4
300
#97DFEC
400
#5FCEE2
500
#27BDD8
600
#1F97AD
700
#19798A
800
#135E6C
900
#12454F
950
#0B2C32

Contrast Checker

Text on white

3.45:1

AA Fail AAA Fail

Text on black

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