#699DEF

#699DEF

Color Values

HEX

#699DEF

RGB

105, 157, 239

HSL

216.7, 80.7%, 67.5%

HSV

216.7, 56.1%, 93.7%

CMYK

56.1%, 34.3%, 0.0%, 6.3%

OKLCH

0.6951 0.1335 259.2

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#699DEF

#EFBB69

Analogous

#69E0EF

#7869EF

#699DEF

Triadic

#699DEF

#EF699D

#9DEF69

Split Complementary

#699DEF

#EF7869

#E0EF69

Tetradic

#699DEF

#EF69E0

#EFBB69

#69EF78

Color Blindness Simulation

Original

#699DEF

Protanopia

#8080DB

Deuteranopia

#7C79D6

Tritanopia

#6CCBC8

Achromatopsia

#989898

CSS Usage

background-color: #699DEF;
color: #699DEF;
border-color: #699DEF;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F6FD
100
#E1EAF9
200
#BED5F8
300
#90B7F3
400
#5590ED
500
#1969E6
600
#1454B8
700
#104393
800
#0C3473
900
#0D2954
950
#081A35

Contrast Checker

Text on white

2.74:1

AA Fail AAA Fail

Text on black

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