#6B9896

#6B9896

Color Values

HEX

#6B9896

RGB

107, 152, 150

HSL

177.3, 17.9%, 50.8%

HSV

177.3, 29.6%, 59.6%

CMYK

29.6%, 0.0%, 1.3%, 40.4%

OKLCH

0.6467 0.0488 192.5

Properties

Cool Light Nearest: RAL 5024 Pastel Blue

Color Harmonies

Complementary

#6B9896

#986B6D

Analogous

#6B9880

#6B8498

#6B9896

Triadic

#6B9896

#966B98

#98966B

Split Complementary

#6B9896

#986B84

#98806B

Tetradic

#6B9896

#806B98

#986B6D

#84986B

Color Blindness Simulation

Original

#6B9896

Protanopia

#7E7F96

Deuteranopia

#7C7897

Tritanopia

#6D9797

Achromatopsia

#8E8E8E

CSS Usage

background-color: #6B9896;
color: #6B9896;
border-color: #6B9896;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F6F9F8
100
#EAF0F0
200
#D5E2E1
300
#B7CDCC
400
#90B2B0
500
#699694
600
#547877
700
#43605F
800
#344B4A
900
#293838
950
#1A2423

Contrast Checker

Text on white

3.2:1

AA Fail AAA Fail

Text on black

6.56:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026