#1F55AF

#1F55AF

Color Values

HEX

#1F55AF

RGB

31, 85, 175

HSL

217.5, 69.9%, 40.4%

HSV

217.5, 82.3%, 68.6%

CMYK

82.3%, 51.4%, 0.0%, 31.4%

OKLCH

0.4677 0.1548 260.2

Properties

Cool Dark Nearest: NCS S 2060-B Deep Blue

Color Harmonies

Complementary

#1F55AF

#AF791F

Analogous

#1F9DAF

#311FAF

#1F55AF

Triadic

#1F55AF

#AF1F55

#55AF1F

Split Complementary

#1F55AF

#AF311F

#9DAF1F

Tetradic

#1F55AF

#AF1F9D

#AF791F

#1FAF31

Color Blindness Simulation

Original

#1F55AF

Protanopia

#363799

Deuteranopia

#332F94

Tritanopia

#228884

Achromatopsia

#505050

CSS Usage

background-color: #1F55AF;
color: #1F55AF;
border-color: #1F55AF;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F3F6FC
100
#E3EAF8
200
#C2D5F4
300
#97B7ED
400
#5F90E3
500
#2669D9
600
#1F54AD
700
#19438B
800
#13356C
900
#12294F
950
#0B1A32

Contrast Checker

Text on white

7.05:1

AA Pass AAA Pass

Text on black

2.98:1

AA Fail 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