#69BCFE

#69BCFE

Color Values

HEX

#69BCFE

RGB

105, 188, 254

HSL

206,6, 98,7%, 70,4%

HSV

206,6, 58,7%, 99,6%

CMYK

58,7%, 26,0%, 0,0%, 0,4%

OKLCH

0,7694 0,1251 244,5

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#69BCFE

#FEAB69

Analogous

#69FEF6

#6971FE

#69BCFE

Triadic

#69BCFE

#FE69BC

#BCFE69

Split Complementary

#69BCFE

#FE6971

#FEF669

Tetradic

#69BCFE

#F669FE

#FEAB69

#71FE69

Color Blindness Simulation

Original

#69BCFE

Protanopia

#8D8EEE

Deuteranopia

#8882EA

Tritanopia

#6DE1DF

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F1F8FE
100
#DEEFFC
200
#B8DFFF
300
#85C9FE
400
#44ABFE
500
#028EFD
600
#0171CB
700
#015BA2
800
#01477F
900
#05355B
950
#03223A

Contrast Checker

Text on white

2,05:1

AA Fail AAA Fail

Text on black

10,23: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