#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

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026