#69ECE4

#69ECE4

Color Values

HEX

#69ECE4

RGB

105, 236, 228

HSL

176.3, 77.5%, 66.9%

HSV

176.3, 55.5%, 92.5%

CMYK

55.5%, 0.0%, 3.4%, 7.5%

OKLCH

0.8679 0.1159 189.8

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#69ECE4

#EC6971

Analogous

#69ECA3

#69B3EC

#69ECE4

Triadic

#69ECE4

#E469EC

#ECE469

Split Complementary

#69ECE4

#EC69B3

#ECA369

Tetradic

#69ECE4

#A369EC

#EC6971

#B3EC69

Color Blindness Simulation

Original

#69ECE4

Protanopia

#A2A3E6

Deuteranopia

#9A90E6

Tritanopia

#70E7E8

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E1F9F7
200
#C0F7F4
300
#92F1EB
400
#58EAE1
500
#1DE2D6
600
#17B5AB
700
#129189
800
#0E716B
900
#0F524E
950
#093431

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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