#69EEFE

#69EEFE

Color Values

HEX

#69EEFE

RGB

105, 238, 254

HSL

186.4, 98.7%, 70.4%

HSV

186.4, 58.7%, 99.6%

CMYK

58.7%, 6.3%, 0.0%, 0.4%

OKLCH

0.8811 0.1177 206.1

Properties

Cool Light Nearest: cadetblue 1

Color Harmonies

Complementary

#69EEFE

#FE7969

Analogous

#69FEC3

#69A4FE

#69EEFE

Triadic

#69EEFE

#FE69EE

#EEFE69

Split Complementary

#69EEFE

#FE69A4

#FEC369

Tetradic

#69EEFE

#C369FE

#FE7969

#A4FE69

Color Blindness Simulation

Original

#69EEFE

Protanopia

#A3A4FA

Deuteranopia

#9B91F9

Tritanopia

#70F7F6

Achromatopsia

#D3D3D3

CSS Usage

background-color: #69EEFE;
color: #69EEFE;
border-color: #69EEFE;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F1FCFE
100
#DEF9FC
200
#B8F7FF
300
#85F1FE
400
#44EAFE
500
#02E2FD
600
#01B5CB
700
#0191A2
800
#01717F
900
#05525B
950
#03343A

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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