#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

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026