#699298

#699298

Color Values

HEX

#699298

RGB

105, 146, 152

HSL

187.7, 18.6%, 50.4%

HSV

187.7, 30.9%, 59.6%

CMYK

30.9%, 3.9%, 0.0%, 40.4%

OKLCH

0.6321 0.0458 207.4

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#699298

#986F69

Analogous

#699887

#697A98

#699298

Triadic

#699298

#986992

#929869

Split Complementary

#699298

#98697A

#988769

Tetradic

#699298

#876998

#986F69

#7A9869

Color Blindness Simulation

Original

#699298

Protanopia

#7B7B97

Deuteranopia

#787596

Tritanopia

#6B9595

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEFF0
200
#D5E0E2
300
#B6CACD
400
#8FAEB2
500
#689197
600
#537479
700
#425D61
800
#34494C
900
#283639
950
#192224

Contrast Checker

Text on white

3.41:1

AA Fail AAA Fail

Text on black

6.17:1

AA Pass AAA Fail

Related Articles

Brand Stories

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

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026