#69BCFB

#69BCFB

Color Values

HEX

#69BCFB

RGB

105, 188, 251

HSL

205.9, 94.8%, 69.8%

HSV

205.9, 58.2%, 98.4%

CMYK

58.2%, 25.1%, 0.0%, 1.6%

OKLCH

0.768 0.1218 243.2

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#69BCFB

#FBA869

Analogous

#69FBF1

#6973FB

#69BCFB

Triadic

#69BCFB

#FB69BC

#BCFB69

Split Complementary

#69BCFB

#FB6973

#FBF169

Tetradic

#69BCFB

#F169FB

#FBA869

#73FB69

Color Blindness Simulation

Original

#69BCFB

Protanopia

#8D8EEC

Deuteranopia

#8882E8

Tritanopia

#6DE0DD

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F1F8FE
100
#DFEFFC
200
#B9E0FD
300
#88CAFC
400
#47ADFA
500
#0790F8
600
#0573C7
700
#045C9F
800
#03487C
900
#07365A
950
#042239

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

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