#69979B

#69979B

Color Values

HEX

#69979B

RGB

105, 151, 155

HSL

184.8, 20.0%, 51.0%

HSV

184.8, 32.3%, 60.8%

CMYK

32.3%, 2.6%, 0.0%, 39.2%

OKLCH

0.6448 0.05 202.8

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#69979B

#9B6D69

Analogous

#699B86

#697E9B

#69979B

Triadic

#69979B

#9B6997

#979B69

Split Complementary

#69979B

#9B697E

#9B8669

Tetradic

#69979B

#86699B

#9B6D69

#7E9B69

Color Blindness Simulation

Original

#69979B

Protanopia

#7D7D9A

Deuteranopia

#7A779A

Tritanopia

#6B9999

Achromatopsia

#8E8E8E

CSS Usage

background-color: #69979B;
color: #69979B;
border-color: #69979B;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F6F8F9
100
#EAF0F0
200
#D4E1E2
300
#B6CCCE
400
#8EB1B4
500
#669599
600
#52777A
700
#415F62
800
#334A4D
900
#283839
950
#192324

Contrast Checker

Text on white

3.23:1

AA Fail AAA Fail

Text on black

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