#699DA2

#699DA2

Color Values

HEX

#699DA2

RGB

105, 157, 162

HSL

185.3, 23.5%, 52.4%

HSV

185.3, 35.2%, 63.5%

CMYK

35.2%, 3.1%, 0.0%, 36.5%

OKLCH

0.6613 0.0556 203.5

Properties

Cool Light Nearest: cadetblue

Color Harmonies

Complementary

#699DA2

#A26E69

Analogous

#69A28B

#6981A2

#699DA2

Triadic

#699DA2

#A2699D

#9DA269

Split Complementary

#699DA2

#A26981

#A28B69

Tetradic

#699DA2

#8B69A2

#A26E69

#81A269

Color Blindness Simulation

Original

#699DA2

Protanopia

#8080A1

Deuteranopia

#7C79A0

Tritanopia

#6CA0A0

Achromatopsia

#929292

CSS Usage

background-color: #699DA2;
color: #699DA2;
border-color: #699DA2;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F9F9
100
#EAF0F1
200
#D3E2E4
300
#B3CED0
400
#8AB3B7
500
#62989D
600
#4E7A7E
700
#3E6165
800
#314C4F
900
#26393B
950
#182425

Contrast Checker

Text on white

3.02:1

AA Fail AAA Fail

Text on black

6.95:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026