#032336

#032336

Color Values

HEX

#032336

RGB

3, 35, 54

HSL

202.4, 89.5%, 11.2%

HSV

202.4, 94.4%, 21.2%

CMYK

94.4%, 35.2%, 0.0%, 78.8%

OKLCH

0.2443 0.0515 239.5

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#032336

#361603

Analogous

#033630

#030936

#032336

Triadic

#032336

#360323

#233603

Split Complementary

#032336

#360309

#363003

Tetradic

#032336

#300336

#361603

#093603

Color Blindness Simulation

Original

#032336

Protanopia

#111131

Deuteranopia

#0F0D30

Tritanopia

#052E2D

Achromatopsia

#1E1E1E

CSS Usage

background-color: #032336;
color: #032336;
border-color: #032336;
Nearest Tailwind: Slate 800 #1E293B

Tailwind Shades

50
#F2F9FD
100
#E0F1FB
200
#BBE3FB
300
#8BD0F9
400
#4CB6F5
500
#0D9CF2
600
#0B7DC1
700
#09649B
800
#074E79
900
#093A57
950
#062537

Contrast Checker

Text on white

16.18:1

AA Pass AAA Pass

Text on black

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