#046A41

#046A41

Color Values

HEX

#046A41

RGB

4, 106, 65

HSL

155.9, 92.7%, 21.6%

HSV

155.9, 96.2%, 41.6%

CMYK

96.2%, 0.0%, 38.7%, 58.4%

OKLCH

0.4624 0.1066 158.1

Properties

Cool Dark Nearest: RAL 6029 Mint Green

Color Harmonies

Complementary

#046A41

#6A042D

Analogous

#046A0E

#04606A

#046A41

Triadic

#046A41

#41046A

#6A4104

Split Complementary

#046A41

#6A0460

#6A0E04

Tetradic

#046A41

#0E046A

#6A042D

#606A04

Color Blindness Simulation

Original

#046A41

Protanopia

#30314B

Deuteranopia

#2A234D

Tritanopia

#095354

Achromatopsia

#515151

CSS Usage

background-color: #046A41;
color: #046A41;
border-color: #046A41;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F1FDF9
100
#DFFBF0
200
#BAFCE2
300
#89FBCD
400
#49F8B2
500
#09F697
600
#07C579
700
#069D60
800
#057B4B
900
#085938
950
#053824

Contrast Checker

Text on white

6.68:1

AA Pass AAA Fail

Text on black

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