#696F78

#696F78

Color Values

HEX

#696F78

RGB

105, 111, 120

HSL

216.0, 6.7%, 44.1%

HSV

216.0, 12.5%, 47.1%

CMYK

12.5%, 7.5%, 0.0%, 52.9%

OKLCH

0.5396 0.0158 258.4

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#696F78

#787269

Analogous

#697678

#6A6978

#696F78

Triadic

#696F78

#78696F

#6F7869

Split Complementary

#696F78

#786A69

#767869

Tetradic

#696F78

#786976

#787269

#69786A

Color Blindness Simulation

Original

#696F78

Protanopia

#6C6C76

Deuteranopia

#6B6B75

Tritanopia

#697474

Achromatopsia

#6E6E6E

CSS Usage

background-color: #696F78;
color: #696F78;
border-color: #696F78;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F7F7F8
100
#ECEDEE
200
#D9DBDE
300
#BEC1C6
400
#9A9FA7
500
#777E88
600
#5F656D
700
#4C5157
800
#3B3F44
900
#2E3033
950
#1D1E20

Contrast Checker

Text on white

5.07:1

AA Pass AAA Fail

Text on black

4.15:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026