#69BFD8

#69BFD8

Color Values

HEX

#69BFD8

RGB

105, 191, 216

HSL

193.5, 58.7%, 62.9%

HSV

193.5, 51.4%, 84.7%

CMYK

51.4%, 11.6%, 0.0%, 15.3%

OKLCH

0.76 0.0904 218.9

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#69BFD8

#D88269

Analogous

#69D8B9

#6987D8

#69BFD8

Triadic

#69BFD8

#D869BF

#BFD869

Split Complementary

#69BFD8

#D86987

#D8B969

Tetradic

#69BFD8

#B969D8

#D88269

#87D869

Color Blindness Simulation

Original

#69BFD8

Protanopia

#8E8FD2

Deuteranopia

#8983D0

Tritanopia

#6DCDCC

Achromatopsia

#AFAFAF

CSS Usage

background-color: #69BFD8;
color: #69BFD8;
border-color: #69BFD8;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F4F9FB
100
#E4F2F6
200
#C6E7F0
300
#9ED6E6
400
#69BFD8
500
#35A9CA
600
#2A87A2
700
#226C81
800
#1A5465
900
#173F4A
950
#0E272F

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

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