#03433F

#03433F

Color Values

HEX

#03433F

RGB

3, 67, 63

HSL

176.2, 91.4%, 13.7%

HSV

176.2, 95.5%, 26.3%

CMYK

95.5%, 0.0%, 6.0%, 73.7%

OKLCH

0.3457 0.0587 188.0

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#03433F

#430307

Analogous

#03431F

#032743

#03433F

Triadic

#03433F

#3F0343

#433F03

Split Complementary

#03433F

#430327

#431F03

Tetradic

#03433F

#1F0343

#430307

#274303

Color Blindness Simulation

Original

#03433F

Protanopia

#1F1F40

Deuteranopia

#1B1640

Tritanopia

#064141

Achromatopsia

#353535

CSS Usage

background-color: #03433F;
color: #03433F;
border-color: #03433F;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F1FDFD
100
#DFFBF9
200
#BBFCF8
300
#8AFAF3
400
#4AF7EC
500
#0BF4E5
600
#09C3B7
700
#079C93
800
#057A73
900
#095853
950
#053835

Contrast Checker

Text on white

11.18:1

AA Pass AAA Pass

Text on black

1.88:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026