#69AADC

#69AADC

Color Values

HEX

#69AADC

RGB

105, 170, 220

HSL

206.1, 62.2%, 63.7%

HSV

206.1, 52.3%, 86.3%

CMYK

52.3%, 22.7%, 0.0%, 13.7%

OKLCH

0.7142 0.0992 243.0

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#69AADC

#DC9B69

Analogous

#69DCD5

#6970DC

#69AADC

Triadic

#69AADC

#DC69AA

#AADC69

Split Complementary

#69AADC

#DC6970

#DCD569

Tetradic

#69AADC

#D569DC

#DC9B69

#70DC69

Color Blindness Simulation

Original

#69AADC

Protanopia

#8586D0

Deuteranopia

#817CCD

Tritanopia

#6CC6C4

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#F3F8FB
100
#E4EEF7
200
#C5DEF2
300
#9CC7E8
400
#66A8DB
500
#308ACF
600
#276EA5
700
#1F5884
800
#184567
900
#15344C
950
#0D2130

Contrast Checker

Text on white

2.5:1

AA Fail AAA Fail

Text on black

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