#466656

#466656

Color Values

HEX

#466656

RGB

70, 102, 86

HSL

150.0, 18.6%, 33.7%

HSV

150.0, 31.4%, 40.0%

CMYK

31.4%, 0.0%, 15.7%, 60.0%

OKLCH

0.4804 0.0455 162.3

Properties

Cool Dark Nearest: RAL 6028 Pine Green

Color Harmonies

Complementary

#466656

#664656

Analogous

#466646

#466666

#466656

Triadic

#466656

#564666

#665646

Split Complementary

#466656

#664666

#664646

Tetradic

#466656

#464666

#664656

#666646

Color Blindness Simulation

Original

#466656

Protanopia

#54545A

Deuteranopia

#52505B

Tritanopia

#485D5E

Achromatopsia

#5E5E5E

CSS Usage

background-color: #466656;
color: #466656;
border-color: #466656;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F6F9F7
100
#EAF0ED
200
#D5E2DB
300
#B6CDC2
400
#8FB2A1
500
#689780
600
#537966
700
#426152
800
#344C40
900
#283930
950
#19241F

Contrast Checker

Text on white

6.37:1

AA Pass AAA Fail

Text on black

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