#062E69

#062E69

Color Values

HEX

#062E69

RGB

6, 46, 105

HSL

215.8, 89.2%, 21.8%

HSV

215.8, 94.3%, 41.2%

CMYK

94.3%, 56.2%, 0.0%, 58.8%

OKLCH

0.3152 0.1121 259.1

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#062E69

#694106

Analogous

#066069

#100669

#062E69

Triadic

#062E69

#69062E

#2E6906

Split Complementary

#062E69

#691006

#606906

Tetradic

#062E69

#690660

#694106

#066910

Color Blindness Simulation

Original

#062E69

Protanopia

#17185B

Deuteranopia

#151257

Tritanopia

#084F4D

Achromatopsia

#2A2A2A

CSS Usage

background-color: #062E69;
color: #062E69;
border-color: #062E69;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F2F6FD
100
#E0EBFB
200
#BBD5FB
300
#8BB7F8
400
#4C90F5
500
#0E6AF1
600
#0B54C1
700
#09449A
800
#073579
900
#0A2957
950
#061A37

Contrast Checker

Text on white

13.1:1

AA Pass AAA Pass

Text on black

1.6:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026