#67EEE7

#67EEE7

Color Values

HEX

#67EEE7

RGB

103, 238, 231

HSL

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

HSV

176,9, 56,7%, 93,3%

CMYK

56,7%, 0,0%, 2,9%, 6,7%

OKLCH

0,8728 0,1182 190,5

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#67EEE7

#EE676E

Analogous

#67EEA4

#67B2EE

#67EEE7

Triadic

#67EEE7

#E767EE

#EEE767

Split Complementary

#67EEE7

#EE67B2

#EEA467

Tetradic

#67EEE7

#A467EE

#EE676E

#B2EE67

Color Blindness Simulation

Original

#67EEE7

Protanopia

#A1A3E9

Deuteranopia

#9A90E9

Tritanopia

#6EEAEA

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F2FDFC
100
#E1F9F8
200
#BFF8F5
300
#91F3EE
400
#55ECE4
500
#1AE5DB
600
#15B7AF
700
#10938C
800
#0D736D
900
#0E5350
950
#093532

Contrast Checker

Text on white

1,4:1

AA Fail AAA Fail

Text on black

14,96:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026