#69697D

#69697D

Color Values

HEX

#69697D

RGB

105, 105, 125

HSL

240.0, 8.7%, 45.1%

HSV

240.0, 16.0%, 49.0%

CMYK

16.0%, 16.0%, 0.0%, 51.0%

OKLCH

0.528 0.0312 285.3

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#69697D

#7D7D69

Analogous

#69737D

#73697D

#69697D

Triadic

#69697D

#7D6969

#697D69

Split Complementary

#69697D

#7D7369

#737D69

Tetradic

#69697D

#7D6973

#7D7D69

#697D73

Color Blindness Simulation

Original

#69697D

Protanopia

#696978

Deuteranopia

#696977

Tritanopia

#697474

Achromatopsia

#6A6A6A

CSS Usage

background-color: #69697D;
color: #69697D;
border-color: #69697D;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F7F7F8
100
#ECECEE
200
#D8D8DE
300
#BCBCC7
400
#9898A9
500
#74748B
600
#5D5D6F
700
#4B4B59
800
#3A3A45
900
#2D2D34
950
#1C1C21

Contrast Checker

Text on white

5.36:1

AA Pass AAA Fail

Text on black

3.92:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026