#69BDFC

#69BDFC

Color Values

HEX

#69BDFC

RGB

105, 189, 252

HSL

205.7, 96.1%, 70.0%

HSV

205.7, 58.3%, 98.8%

CMYK

58.3%, 25.0%, 0.0%, 1.2%

OKLCH

0.7706 0.1222 243.0

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#69BDFC

#FCA869

Analogous

#69FCF1

#6974FC

#69BDFC

Triadic

#69BDFC

#FC69BD

#BDFC69

Split Complementary

#69BDFC

#FC6974

#FCF169

Tetradic

#69BDFC

#F169FC

#FCA869

#74FC69

Color Blindness Simulation

Original

#69BDFC

Protanopia

#8D8EED

Deuteranopia

#8882E9

Tritanopia

#6DE1DE

Achromatopsia

#B0B0B0

CSS Usage

background-color: #69BDFC;
color: #69BDFC;
border-color: #69BDFC;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F1F8FE
100
#DFEFFC
200
#B9E0FE
300
#87CAFD
400
#46AEFB
500
#0591FA
600
#0474C8
700
#035DA0
800
#02497D
900
#07365A
950
#042239

Contrast Checker

Text on white

2.04:1

AA Fail AAA Fail

Text on black

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