#466756

#466756

Color Values

HEX

#466756

RGB

70, 103, 86

HSL

149.1, 19.1%, 33.9%

HSV

149.1, 32.0%, 40.4%

CMYK

32.0%, 0.0%, 16.5%, 59.6%

OKLCH

0.4829 0.0472 161.5

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#466756

#674657

Analogous

#466746

#466766

#466756

Triadic

#466756

#564667

#675646

Split Complementary

#466756

#664667

#674646

Tetradic

#466756

#464667

#674657

#676646

Color Blindness Simulation

Original

#466756

Protanopia

#54555A

Deuteranopia

#52505B

Tritanopia

#485D5E

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F6F9F7
100
#EAF0ED
200
#D4E2DB
300
#B6CDC1
400
#8FB3A0
500
#67987F
600
#537965
700
#426151
800
#344C3F
900
#283930
950
#19241E

Contrast Checker

Text on white

6.3:1

AA Pass AAA Fail

Text on black

3.33:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026