#699DAB

#699DAB

Color Values

HEX

#699DAB

RGB

105, 157, 171

HSL

192.7, 28.2%, 54.1%

HSV

192.7, 38.6%, 67.1%

CMYK

38.6%, 8.2%, 0.0%, 32.9%

OKLCH

0.6646 0.0588 216.5

Properties

Cool Light Nearest: cadetblue

Color Harmonies

Complementary

#699DAB

#AB7769

Analogous

#69AB98

#697CAB

#699DAB

Triadic

#699DAB

#AB699D

#9DAB69

Split Complementary

#699DAB

#AB697C

#AB9869

Tetradic

#699DAB

#9869AB

#AB7769

#7CAB69

Color Blindness Simulation

Original

#699DAB

Protanopia

#8080A8

Deuteranopia

#7C79A7

Tritanopia

#6CA5A4

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#E9F0F1
200
#D1E1E5
300
#B1CCD3
400
#86B0BB
500
#5C94A3
600
#497783
700
#3B5F69
800
#2E4A52
900
#24383D
950
#172326

Contrast Checker

Text on white

3.0:1

AA Fail AAA Fail

Text on black

7.01:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026