#4B685B

#4B685B

Color Values

HEX

#4B685B

RGB

75, 104, 91

HSL

153.1, 16.2%, 35.1%

HSV

153.1, 27.9%, 40.8%

CMYK

27.9%, 0.0%, 12.5%, 59.2%

OKLCH

0.4903 0.04 165.4

Properties

Cool Dark Nearest: RAL 7005 Mouse Grey

Color Harmonies

Complementary

#4B685B

#684B58

Analogous

#4B684D

#4B6768

#4B685B

Triadic

#4B685B

#5B4B68

#685B4B

Split Complementary

#4B685B

#684B67

#684D4B

Tetradic

#4B685B

#4D4B68

#684B58

#67684B

Color Blindness Simulation

Original

#4B685B

Protanopia

#58585E

Deuteranopia

#56545F

Tritanopia

#4C6161

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F6F8F7
100
#EBF0ED
200
#D6E1DC
300
#B8CCC3
400
#91B0A2
500
#6B9482
600
#557768
700
#445F53
800
#354A41
900
#293831
950
#1A231F

Contrast Checker

Text on white

6.12:1

AA Pass AAA Fail

Text on black

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