#1F64A2

#1F64A2

Color Values

HEX

#1F64A2

RGB

31, 100, 162

HSL

208.4, 67.9%, 37.8%

HSV

208.4, 80.9%, 63.5%

CMYK

80.9%, 38.3%, 0.0%, 36.5%

OKLCH

0.493 0.1199 249.9

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#1F64A2

#A25D1F

Analogous

#1FA29E

#1F22A2

#1F64A2

Triadic

#1F64A2

#A21F64

#64A21F

Split Complementary

#1F64A2

#A21F22

#A29E1F

Tetradic

#1F64A2

#9E1FA2

#A25D1F

#22A21F

Color Blindness Simulation

Original

#1F64A2

Protanopia

#3D3D93

Deuteranopia

#39348F

Tritanopia

#228785

Achromatopsia

#5A5A5A

CSS Usage

background-color: #1F64A2;
color: #1F64A2;
border-color: #1F64A2;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F3F8FC
100
#E3EEF7
200
#C3DDF4
300
#98C4EB
400
#61A4E1
500
#2984D6
600
#216AAB
700
#1A5589
800
#14426B
900
#13324E
950
#0C2031

Contrast Checker

Text on white

6.17:1

AA Pass AAA Fail

Text on black

3.4:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026