#67EFE7

#67EFE7

Color Values

HEX

#67EFE7

RGB

103, 239, 231

HSL

176.5, 81.0%, 67.1%

HSV

176.5, 56.9%, 93.7%

CMYK

56.9%, 0.0%, 3.3%, 6.3%

OKLCH

0.8751 0.119 189.9

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#67EFE7

#EF676F

Analogous

#67EFA3

#67B3EF

#67EFE7

Triadic

#67EFE7

#E767EF

#EFE767

Split Complementary

#67EFE7

#EF67B3

#EFA367

Tetradic

#67EFE7

#A367EF

#EF676F

#B3EF67

Color Blindness Simulation

Original

#67EFE7

Protanopia

#A2A3E9

Deuteranopia

#9A90E9

Tritanopia

#6EEAEB

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F2FDFC
100
#E1F9F8
200
#BEF8F5
300
#90F3EE
400
#54EDE4
500
#18E7DB
600
#13B9AF
700
#10948C
800
#0C736D
900
#0D5450
950
#083532

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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