#04462C

#04462C

Color Values

HEX

#04462C

RGB

4, 70, 44

HSL

156.4, 89.2%, 14.5%

HSV

156.4, 94.3%, 27.5%

CMYK

94.3%, 0.0%, 37.1%, 72.5%

OKLCH

0.3489 0.0765 160.0

Properties

Cool Dark Nearest: RAL 6035 Pearl Green

Color Harmonies

Complementary

#04462C

#46041E

Analogous

#04460B

#043F46

#04462C

Triadic

#04462C

#2C0446

#462C04

Split Complementary

#04462C

#46043F

#460B04

Tetradic

#04462C

#0B0446

#46041E

#3F4604

Color Blindness Simulation

Original

#04462C

Protanopia

#212132

Deuteranopia

#1D1834

Tritanopia

#073738

Achromatopsia

#363636

CSS Usage

background-color: #04462C;
color: #04462C;
border-color: #04462C;
Nearest Tailwind: Emerald 900 #064E3B

Tailwind Shades

50
#F2FDF9
100
#E0FBF0
200
#BBFBE2
300
#8BF8CD
400
#4CF5B3
500
#0EF198
600
#0BC179
700
#099A61
800
#07794C
900
#0A5739
950
#063724

Contrast Checker

Text on white

10.95:1

AA Pass AAA Pass

Text on black

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