#062C71

#062C71

Color Values

HEX

#062C71

RGB

6, 44, 113

HSL

218.7, 89.9%, 23.3%

HSV

218.7, 94.7%, 44.3%

CMYK

94.7%, 61.1%, 0.0%, 55.7%

OKLCH

0.3179 0.1264 261.3

Properties

Cool Dark Nearest: NCS S 3060-B Dark Blue

Color Harmonies

Complementary

#062C71

#714B06

Analogous

#066171

#150671

#062C71

Triadic

#062C71

#71062C

#2C7106

Split Complementary

#062C71

#711506

#617106

Tetradic

#062C71

#710661

#714B06

#067115

Color Blindness Simulation

Original

#062C71

Protanopia

#161760

Deuteranopia

#14115C

Tritanopia

#085350

Achromatopsia

#292929

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E0E9FB
200
#BBD2FB
300
#8BB2F9
400
#4C88F5
500
#0D5EF2
600
#0A4BC2
700
#083C9B
800
#062F79
900
#092558
950
#061737

Contrast Checker

Text on white

13.07:1

AA Pass AAA Pass

Text on black

1.61:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026