#2062DF

#2062DF

Color Values

HEX

#2062DF

RGB

32, 98, 223

HSL

219.3, 74.9%, 50.0%

HSV

219.3, 85.7%, 87.5%

CMYK

85.7%, 56.1%, 0.0%, 12.5%

OKLCH

0.5331 0.2021 261.6

Properties

Cool Dark Nearest: royalblue

Color Harmonies

Complementary

#2062DF

#DF9D20

Analogous

#20C1DF

#3E20DF

#2062DF

Triadic

#2062DF

#DF2062

#62DF20

Split Complementary

#2062DF

#DF3E20

#C1DF20

Tetradic

#2062DF

#DF20C1

#DF9D20

#20DF3E

Color Blindness Simulation

Original

#2062DF

Protanopia

#3D3DC1

Deuteranopia

#3934BA

Tritanopia

#23A9A4

Achromatopsia

#5D5D5D

CSS Usage

background-color: #2062DF;
color: #2062DF;
border-color: #2062DF;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F2F6FC
100
#E2EAF9
200
#C1D3F6
300
#94B4F0
400
#5A8BE7
500
#2062DF
600
#1A4EB2
700
#143F8F
800
#10316F
900
#102651
950
#0A1833

Contrast Checker

Text on white

5.42:1

AA Pass AAA Fail

Text on black

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