#69B6F8

#69B6F8

Color Values

HEX

#69B6F8

RGB

105, 182, 248

HSL

207.7, 91.1%, 69.2%

HSV

207.7, 57.7%, 97.3%

CMYK

57.7%, 26.6%, 0.0%, 2.7%

OKLCH

0.7535 0.1226 246.2

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#69B6F8

#F8AB69

Analogous

#69F8F3

#696EF8

#69B6F8

Triadic

#69B6F8

#F869B6

#B6F869

Split Complementary

#69B6F8

#F8696E

#F8F369

Tetradic

#69B6F8

#F369F8

#F8AB69

#6EF869

Color Blindness Simulation

Original

#69B6F8

Protanopia

#8A8BE8

Deuteranopia

#8680E4

Tritanopia

#6DDBD9

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BBDEFC
300
#8AC6FA
400
#4BA7F7
500
#0B88F4
600
#096DC3
700
#07579C
800
#06447A
900
#093358
950
#062138

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

9.65:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026