#69DFE2

#69DFE2

Color Values

HEX

#69DFE2

RGB

105, 223, 226

HSL

181,5, 67,6%, 64,9%

HSV

181,5, 53,5%, 88,6%

CMYK

53,5%, 1,3%, 0,0%, 11,4%

OKLCH

0,8371 0,1063 197,6

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#69DFE2

#E26C69

Analogous

#69E2A9

#69A2E2

#69DFE2

Triadic

#69DFE2

#E269DF

#DFE269

Split Complementary

#69DFE2

#E269A2

#E2A969

Tetradic

#69DFE2

#A969E2

#E26C69

#A2E269

Color Blindness Simulation

Original

#69DFE2

Protanopia

#9C9DE1

Deuteranopia

#958CE1

Tritanopia

#6FE1E1

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E3F7F7
200
#C3F2F3
300
#98E9EB
400
#61DDE0
500
#29D1D6
600
#21A8AB
700
#1A8689
800
#15696B
900
#134C4E
950
#0C3031

Contrast Checker

Text on white

1,58:1

AA Fail AAA Fail

Text on black

13,25: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