#4AF7BB

#4AF7BB

Color Values

HEX

#4AF7BB

RGB

74, 247, 187

HSL

159.2, 91.5%, 62.9%

HSV

159.2, 70.0%, 96.9%

CMYK

70.0%, 0.0%, 24.3%, 3.1%

OKLCH

0.8743 0.1636 165.2

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#4AF7BB

#F74A86

Analogous

#4AF764

#4ADCF7

#4AF7BB

Triadic

#4AF7BB

#BB4AF7

#F7BB4A

Split Complementary

#4AF7BB

#F74ADC

#F7644A

Tetradic

#4AF7BB

#644AF7

#F74A86

#DCF74A

Color Blindness Simulation

Original

#4AF7BB

Protanopia

#9596CA

Deuteranopia

#8B7ECD

Tritanopia

#53D5D8

Achromatopsia

#CECECE

CSS Usage

background-color: #4AF7BB;
color: #4AF7BB;
border-color: #4AF7BB;
Nearest Tailwind: Emerald 400 #34D399

Tailwind Shades

50
#F1FDF9
100
#DFFBF1
200
#BBFCE5
300
#8AFAD3
400
#4AF7BB
500
#0BF4A3
600
#09C383
700
#079C68
800
#057A52
900
#09583D
950
#053826

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

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