#6F989C

#6F989C

Color Values

HEX

#6F989C

RGB

111, 152, 156

HSL

185.3, 18.5%, 52.4%

HSV

185.3, 28.8%, 61.2%

CMYK

28.8%, 2.6%, 0.0%, 38.8%

OKLCH

0.6511 0.0451 203.6

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#6F989C

#9C736F

Analogous

#6F9C8A

#6F829C

#6F989C

Triadic

#6F989C

#9C6F98

#989C6F

Split Complementary

#6F989C

#9C6F82

#9C8A6F

Tetradic

#6F989C

#8A6F9C

#9C736F

#829C6F

Color Blindness Simulation

Original

#6F989C

Protanopia

#81819B

Deuteranopia

#7E7B9B

Tritanopia

#719A9A

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEFF0
200
#D5E1E2
300
#B6CBCD
400
#8FAFB2
500
#689397
600
#537679
700
#435E61
800
#34494C
900
#283739
950
#1A2324

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

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