#045536

#045536

Color Values

HEX

#045536

RGB

4, 85, 54

HSL

157.0, 91.0%, 17.5%

HSV

157.0, 95.3%, 33.3%

CMYK

95.3%, 0.0%, 36.5%, 66.7%

OKLCH

0.3974 0.0882 159.9

Properties

Cool Dark Nearest: RAL 6029 Mint Green

Color Harmonies

Complementary

#045536

#550423

Analogous

#04550D

#044C55

#045536

Triadic

#045536

#360455

#553604

Split Complementary

#045536

#55044C

#550D04

Tetradic

#045536

#0D0455

#550423

#4C5504

Color Blindness Simulation

Original

#045536

Protanopia

#27283D

Deuteranopia

#221C3F

Tritanopia

#084345

Achromatopsia

#424242

CSS Usage

background-color: #045536;
color: #045536;
border-color: #045536;
Nearest Tailwind: Green 900 #14532D

Tailwind Shades

50
#F1FDF9
100
#DFFBF0
200
#BBFCE3
300
#8AF9CF
400
#4BF7B5
500
#0BF49B
600
#09C37C
700
#079C63
800
#067A4D
900
#09583A
950
#063824

Contrast Checker

Text on white

8.91:1

AA Pass AAA Pass

Text on black

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