#063353

#063353

Color Values

HEX

#063353

RGB

6, 51, 83

HSL

204.9, 86.5%, 17.5%

HSV

204.9, 92.8%, 32.5%

CMYK

92.8%, 38.6%, 0.0%, 67.5%

OKLCH

0.3107 0.0736 245.6

Properties

Cool Dark Nearest: RAL 5010 Gentian Blue

Color Harmonies

Complementary

#063353

#532606

Analogous

#06534D

#060D53

#063353

Triadic

#063353

#530633

#335306

Split Complementary

#063353

#53060D

#534D06

Tetradic

#063353

#4D0653

#532606

#0D5306

Color Blindness Simulation

Original

#063353

Protanopia

#191A4B

Deuteranopia

#171449

Tritanopia

#084544

Achromatopsia

#2C2C2C

CSS Usage

background-color: #063353;
color: #063353;
border-color: #063353;
Nearest Tailwind: Sky 950 #082F49

Tailwind Shades

50
#F2F8FD
100
#E0EFFA
200
#BCE1FA
300
#8DCBF7
400
#4FAFF2
500
#1192EE
600
#0E75BE
700
#0B5E98
800
#094977
900
#0B3756
950
#072336

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

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