#1F86AD

#1F86AD

Color Values

HEX

#1F86AD

RGB

31, 134, 173

HSL

196.5, 69.6%, 40.0%

HSV

196.5, 82.1%, 67.8%

CMYK

82.1%, 22.5%, 0.0%, 32.2%

OKLCH

0.582 0.1062 229.3

Properties

Cool Light Nearest: Blue Green

Color Harmonies

Complementary

#1F86AD

#AD461F

Analogous

#1FAD8D

#1F3FAD

#1F86AD

Triadic

#1F86AD

#AD1F86

#86AD1F

Split Complementary

#1F86AD

#AD1F3F

#AD8D1F

Tetradic

#1F86AD

#8D1FAD

#AD461F

#3FAD1F

Color Blindness Simulation

Original

#1F86AD

Protanopia

#4C4CA4

Deuteranopia

#463EA1

Tritanopia

#249C9A

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F3F9FC
100
#E3F2F8
200
#C2E6F4
300
#97D5EC
400
#5FBEE2
500
#27A7D8
600
#1F86AD
700
#196B8A
800
#13546C
900
#123E4F
950
#0B2732

Contrast Checker

Text on white

4.14:1

AA Fail AAA Fail

Text on black

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