#699BC0

#699BC0

Color Values

HEX

#699BC0

RGB

105, 155, 192

HSL

205.5, 40.8%, 58.2%

HSV

205.5, 45.3%, 75.3%

CMYK

45.3%, 19.3%, 0.0%, 24.7%

OKLCH

0.6683 0.0769 241.4

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#699BC0

#C08E69

Analogous

#69C0B9

#696FC0

#699BC0

Triadic

#699BC0

#C0699B

#9BC069

Split Complementary

#699BC0

#C0696F

#C0B969

Tetradic

#699BC0

#B969C0

#C08E69

#6FC069

Color Blindness Simulation

Original

#699BC0

Protanopia

#7F7FB7

Deuteranopia

#7C78B5

Tritanopia

#6CB0AE

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CDDDEA
300
#A9C6DB
400
#7AA6C7
500
#4B87B4
600
#3C6C90
700
#305773
800
#26445A
900
#1F3342
950
#13202A

Contrast Checker

Text on white

2.98:1

AA Fail AAA Fail

Text on black

7.05:1

AA Pass AAA Pass

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