#063033

#063033

Color Values

HEX

#063033

RGB

6, 48, 51

HSL

184.0, 78.9%, 11.2%

HSV

184.0, 88.2%, 20.0%

CMYK

88.2%, 5.9%, 0.0%, 80.0%

OKLCH

0.2833 0.0441 202.1

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#063033

#330906

Analogous

#063320

#061A33

#063033

Triadic

#063033

#330630

#303306

Split Complementary

#063033

#33061A

#332006

Tetradic

#063033

#200633

#330906

#1A3306

Color Blindness Simulation

Original

#063033

Protanopia

#181932

Deuteranopia

#161332

Tritanopia

#083232

Achromatopsia

#272727

CSS Usage

background-color: #063033;
color: #063033;
border-color: #063033;
Nearest Tailwind: Teal 950 #042F2E

Tailwind Shades

50
#F2FCFC
100
#E1F8F9
200
#BFF4F7
300
#92ECF2
400
#56E1EB
500
#1BD7E4
600
#16ACB6
700
#118992
800
#0D6B72
900
#0E4E53
950
#093134

Contrast Checker

Text on white

14.21:1

AA Pass AAA Pass

Text on black

1.48:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026