#69AAF0

#69AAF0

Color Values

HEX

#69AAF0

RGB

105, 170, 240

HSL

211.1, 81.8%, 67.6%

HSV

211.1, 56.2%, 94.1%

CMYK

56.2%, 29.2%, 0.0%, 5.9%

OKLCH

0.7235 0.1225 251.5

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#69AAF0

#F0AF69

Analogous

#69EDF0

#6B69F0

#69AAF0

Triadic

#69AAF0

#F069AA

#AAF069

Split Complementary

#69AAF0

#F06B69

#EDF069

Tetradic

#69AAF0

#F069ED

#F0AF69

#69F06B

Color Blindness Simulation

Original

#69AAF0

Protanopia

#8586DF

Deuteranopia

#817CDB

Tritanopia

#6CD2CF

Achromatopsia

#A1A1A1

CSS Usage

background-color: #69AAF0;
color: #69AAF0;
border-color: #69AAF0;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F7FD
100
#E1EDFA
200
#BEDAF9
300
#90C0F4
400
#539EEE
500
#177CE8
600
#1363B9
700
#0F4F94
800
#0C3E74
900
#0D2F54
950
#081E35

Contrast Checker

Text on white

2.44:1

AA Fail AAA Fail

Text on black

8.61:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026