#1F85AD

#1F85AD

Color Values

HEX

#1F85AD

RGB

31, 133, 173

HSL

196.9, 69.6%, 40.0%

HSV

196.9, 82.1%, 67.8%

CMYK

82.1%, 23.1%, 0.0%, 32.2%

OKLCH

0.5795 0.1066 230.2

Properties

Cool Light Nearest: Blue Green

Color Harmonies

Complementary

#1F85AD

#AD471F

Analogous

#1FAD8E

#1F3EAD

#1F85AD

Triadic

#1F85AD

#AD1F85

#85AD1F

Split Complementary

#1F85AD

#AD1F3E

#AD8E1F

Tetradic

#1F85AD

#8E1FAD

#AD471F

#3EAD1F

Color Blindness Simulation

Original

#1F85AD

Protanopia

#4B4CA3

Deuteranopia

#453EA1

Tritanopia

#249C9A

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F3F9FC
100
#E3F2F8
200
#C2E6F4
300
#97D4EC
400
#5FBDE2
500
#27A6D8
600
#1F85AD
700
#196A8A
800
#13536C
900
#123E4F
950
#0B2732

Contrast Checker

Text on white

4.19:1

AA Fail AAA Fail

Text on black

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