#033942

#033942

Color Values

HEX

#033942

RGB

3, 57, 66

HSL

188.6, 91.3%, 13.5%

HSV

188.6, 95.5%, 25.9%

CMYK

95.5%, 13.6%, 0.0%, 74.1%

OKLCH

0.317 0.0536 212.4

Properties

Cool Dark Nearest: RAL 6004 Blue Green

Color Harmonies

Complementary

#033942

#420C03

Analogous

#03422B

#031942

#033942

Triadic

#033942

#420339

#394203

Split Complementary

#033942

#420319

#422B03

Tetradic

#033942

#2B0342

#420C03

#194203

Color Blindness Simulation

Original

#033942

Protanopia

#1A1B40

Deuteranopia

#17133F

Tritanopia

#063E3E

Achromatopsia

#2E2E2E

CSS Usage

background-color: #033942;
color: #033942;
border-color: #033942;
Nearest Tailwind: Cyan 950 #083344

Tailwind Shades

50
#F1FCFD
100
#DFF7FB
200
#BBF3FC
300
#8AEAFA
400
#4BDEF7
500
#0BD3F4
600
#09A8C3
700
#07879C
800
#06697A
900
#094D58
950
#053138

Contrast Checker

Text on white

12.59:1

AA Pass AAA Pass

Text on black

1.67:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026