#4AEEEC

#4AEEEC

Color Values

HEX

#4AEEEC

RGB

74, 238, 236

HSL

179.3, 82.8%, 61.2%

HSV

179.3, 68.9%, 93.3%

CMYK

68.9%, 0.0%, 0.8%, 6.7%

OKLCH

0.8667 0.1317 193.8

Properties

Cool Light Nearest: cyan 2

Color Harmonies

Complementary

#4AEEEC

#EE4A4C

Analogous

#4AEE9A

#4A9EEE

#4AEEEC

Triadic

#4AEEEC

#EC4AEE

#EEEC4A

Split Complementary

#4AEEEC

#EE4A9E

#EE9A4A

Tetradic

#4AEEEC

#9A4AEE

#EE4A4C

#9EEE4A

Color Blindness Simulation

Original

#4AEEEC

Protanopia

#9192EC

Deuteranopia

#887BED

Tritanopia

#52EDED

Achromatopsia

#CBCBCB

CSS Usage

background-color: #4AEEEC;
color: #4AEEEC;
border-color: #4AEEEC;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F2FDFD
100
#E1FAF9
200
#BEF9F8
300
#8FF4F3
400
#53EFED
500
#16E9E7
600
#12BAB8
700
#0E9594
800
#0B7573
900
#0C5554
950
#083535

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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