#69979F

#69979F

Color Values

HEX

#69979F

RGB

105, 151, 159

HSL

188.9, 22.0%, 51.8%

HSV

188.9, 34.0%, 62.4%

CMYK

34.0%, 5.0%, 0.0%, 37.6%

OKLCH

0.6462 0.051 209.5

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#69979F

#9F7169

Analogous

#699F8C

#697C9F

#69979F

Triadic

#69979F

#9F6997

#979F69

Split Complementary

#69979F

#9F697C

#9F8C69

Tetradic

#69979F

#8C699F

#9F7169

#7C9F69

Color Blindness Simulation

Original

#69979F

Protanopia

#7D7D9D

Deuteranopia

#7A779D

Tritanopia

#6B9C9B

Achromatopsia

#8E8E8E

CSS Usage

background-color: #69979F;
color: #69979F;
border-color: #69979F;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F8F9
100
#EAEFF0
200
#D3E1E3
300
#B4CBCF
400
#8CAFB5
500
#63939C
600
#50767C
700
#405E64
800
#324A4E
900
#27373A
950
#192325

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

6.53:1

AA Pass 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