#4BF6DC

#4BF6DC

Color Values

HEX

#4BF6DC

RGB

75, 246, 220

HSL

170.9, 90.5%, 62.9%

HSV

170.9, 69.5%, 96.5%

CMYK

69.5%, 0.0%, 10.6%, 3.5%

OKLCH

0.8808 0.1421 180.4

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#4BF6DC

#F64B65

Analogous

#4BF686

#4BBAF6

#4BF6DC

Triadic

#4BF6DC

#DC4BF6

#F6DC4B

Split Complementary

#4BF6DC

#F64BBA

#F6864B

Tetradic

#4BF6DC

#864BF6

#F64B65

#BAF64B

Color Blindness Simulation

Original

#4BF6DC

Protanopia

#9597E2

Deuteranopia

#8B7EE4

Tritanopia

#54E7E8

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F1FDFB
100
#DFFBF7
200
#BBFCF2
300
#8AF9E8
400
#4BF6DC
500
#0CF3D0
600
#0AC2A6
700
#089B85
800
#067968
900
#09584C
950
#063830

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

15.51:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026