#67EEE6

#67EEE6

Color Values

HEX

#67EEE6

RGB

103, 238, 230

HSL

176,4, 79,9%, 66,9%

HSV

176,4, 56,7%, 93,3%

CMYK

56,7%, 0,0%, 3,4%, 6,7%

OKLCH

0,8725 0,1184 189,9

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#67EEE6

#EE676F

Analogous

#67EEA3

#67B3EE

#67EEE6

Triadic

#67EEE6

#E667EE

#EEE667

Split Complementary

#67EEE6

#EE67B3

#EEA367

Tetradic

#67EEE6

#A367EE

#EE676F

#B3EE67

Color Blindness Simulation

Original

#67EEE6

Protanopia

#A1A3E8

Deuteranopia

#9A90E8

Tritanopia

#6EE9EA

Achromatopsia

#D1D1D1

CSS Usage

background-color: #67EEE6;
color: #67EEE6;
border-color: #67EEE6;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F2FDFC
100
#E1F9F8
200
#BFF8F4
300
#91F3ED
400
#55ECE3
500
#1AE5D9
600
#15B7AE
700
#10938B
800
#0D736D
900
#0E534F
950
#093532

Contrast Checker

Text on white

1,4:1

AA Fail AAA Fail

Text on black

14,95: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