#69AADB

#69AADB

Color Values

HEX

#69AADB

RGB

105, 170, 219

HSL

205.8, 61.3%, 63.5%

HSV

205.8, 52.1%, 85.9%

CMYK

52.1%, 22.4%, 0.0%, 14.1%

OKLCH

0.7137 0.0981 242.4

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#69AADB

#DB9A69

Analogous

#69DBD3

#6971DB

#69AADB

Triadic

#69AADB

#DB69AA

#AADB69

Split Complementary

#69AADB

#DB6971

#DBD369

Tetradic

#69AADB

#D369DB

#DB9A69

#71DB69

Color Blindness Simulation

Original

#69AADB

Protanopia

#8586CF

Deuteranopia

#817CCC

Tritanopia

#6CC6C4

Achromatopsia

#A0A0A0

CSS Usage

background-color: #69AADB;
color: #69AADB;
border-color: #69AADB;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F3F8FB
100
#E4EEF6
200
#C5DEF1
300
#9CC7E7
400
#67A9DA
500
#318ACE
600
#276FA5
700
#205984
800
#194567
900
#16344B
950
#0E212F

Contrast Checker

Text on white

2.51:1

AA Fail AAA Fail

Text on black

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