#4B7066

#4B7066

Color Values

HEX

#4B7066

RGB

75, 112, 102

HSL

163.8, 19.8%, 36.7%

HSV

163.8, 33.0%, 43.9%

CMYK

33.0%, 0.0%, 8.9%, 56.1%

OKLCH

0.5141 0.0451 175.7

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#4B7066

#704B55

Analogous

#4B7054

#4B6870

#4B7066

Triadic

#4B7066

#664B70

#70664B

Split Complementary

#4B7066

#704B68

#70544B

Tetradic

#4B7066

#544B70

#704B55

#68704B

Color Blindness Simulation

Original

#4B7066

Protanopia

#5B5B68

Deuteranopia

#595669

Tritanopia

#4D6A6B

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EF
200
#D4E2DF
300
#B6CEC7
400
#8EB3A9
500
#66998B
600
#527A6F
700
#416259
800
#334C46
900
#283934
950
#192421

Contrast Checker

Text on white

5.51:1

AA Pass AAA Fail

Text on black

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