#69DCE1

#69DCE1

Color Values

HEX

#69DCE1

RGB

105, 220, 225

HSL

182.5, 66.7%, 64.7%

HSV

182.5, 53.3%, 88.2%

CMYK

53.3%, 2.2%, 0.0%, 11.8%

OKLCH

0.8299 0.1044 199.2

Properties

Cool Light Nearest: cadetblue 2

Color Harmonies

Complementary

#69DCE1

#E16E69

Analogous

#69E1AA

#69A0E1

#69DCE1

Triadic

#69DCE1

#E169DC

#DCE169

Split Complementary

#69DCE1

#E169A0

#E1AA69

Tetradic

#69DCE1

#AA69E1

#E16E69

#A0E169

Color Blindness Simulation

Original

#69DCE1

Protanopia

#9B9CE0

Deuteranopia

#948CE0

Tritanopia

#6FDFDF

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F3FBFC
100
#E3F6F7
200
#C3F1F3
300
#99E7EB
400
#62DAE0
500
#2ACDD5
600
#22A4AA
700
#1B8388
800
#15676A
900
#134B4E
950
#0C2F31

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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