#707666

#707666

Color Values

HEX

#707666

RGB

112, 118, 102

HSL

82.5, 7.3%, 43.1%

HSV

82.5, 13.6%, 46.3%

CMYK

5.1%, 0.0%, 13.6%, 53.7%

OKLCH

0.5559 0.0252 124.0

Properties

Cool Dark Nearest: RAL 7023 Concrete Grey

Color Harmonies

Complementary

#707666

#6C6676

Analogous

#767466

#687666

#707666

Triadic

#707666

#667076

#766670

Split Complementary

#707666

#666876

#746676

Tetradic

#707666

#667674

#6C6676

#766668

Color Blindness Simulation

Original

#707666

Protanopia

#73736A

Deuteranopia

#72726B

Tritanopia

#706D6E

Achromatopsia

#747474

CSS Usage

background-color: #707666;
color: #707666;
border-color: #707666;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F7F8F7
100
#EDEEEC
200
#DCDED9
300
#C3C6BD
400
#A2A89A
500
#828976
600
#686D5F
700
#53584C
800
#41443B
900
#31342D
950
#1F211D

Contrast Checker

Text on white

4.7:1

AA Pass AAA Fail

Text on black

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