#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

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