#06367F

#06367F

Color Values

HEX

#06367F

RGB

6, 54, 127

HSL

216,2, 91,0%, 26,1%

HSV

216,2, 95,3%, 49,8%

CMYK

95,3%, 57,5%, 0,0%, 50,2%

OKLCH

0,3533 0,133 259,7

Properties

Cool Dark Nearest: NCS S 3060-B Dark Blue

Color Harmonies

Complementary

#06367F

#7F4F06

Analogous

#06737F

#13067F

#06367F

Triadic

#06367F

#7F0636

#367F06

Split Complementary

#06367F

#7F1306

#737F06

Tetradic

#06367F

#7F0673

#7F4F06

#067F13

Color Blindness Simulation

Original

#06367F

Protanopia

#1B1B6D

Deuteranopia

#181469

Tritanopia

#085F5C

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#F1F6FD
100
#DFEAFB
200
#BBD5FC
300
#8AB6F9
400
#4B8FF7
500
#0B68F4
600
#0953C3
700
#07429C
800
#06347A
900
#092858
950
#061938

Contrast Checker

Text on white

11,4:1

AA Pass AAA Pass

Text on black

1,84: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