#69ECE6

#69ECE6

Color Values

HEX

#69ECE6

RGB

105, 236, 230

HSL

177.3, 77.5%, 66.9%

HSV

177.3, 55.5%, 92.5%

CMYK

55.5%, 0.0%, 2.5%, 7.5%

OKLCH

0.8685 0.1156 191.1

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#69ECE6

#EC696F

Analogous

#69ECA5

#69B0EC

#69ECE6

Triadic

#69ECE6

#E669EC

#ECE669

Split Complementary

#69ECE6

#EC69B0

#ECA569

Tetradic

#69ECE6

#A569EC

#EC696F

#B0EC69

Color Blindness Simulation

Original

#69ECE6

Protanopia

#A2A3E7

Deuteranopia

#9A90E8

Tritanopia

#70E9E9

Achromatopsia

#D0D0D0

CSS Usage

background-color: #69ECE6;
color: #69ECE6;
border-color: #69ECE6;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F2FCFC
100
#E1F9F8
200
#C0F7F4
300
#92F1ED
400
#58EAE3
500
#1DE2D9
600
#17B5AE
700
#12918B
800
#0E716D
900
#0F524F
950
#093432

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

14.74:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026