#4BDADD

#4BDADD

Color Values

HEX

#4BDADD

RGB

75, 218, 221

HSL

181.2, 68.2%, 58.0%

HSV

181.2, 66.1%, 86.7%

CMYK

66.1%, 1.4%, 0.0%, 13.3%

OKLCH

0.8147 0.1195 197.1

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#4BDADD

#DD4E4B

Analogous

#4BDD97

#4B91DD

#4BDADD

Triadic

#4BDADD

#DD4BDA

#DADD4B

Split Complementary

#4BDADD

#DD4B91

#DD974B

Tetradic

#4BDADD

#974BDD

#DD4E4B

#91DD4B

Color Blindness Simulation

Original

#4BDADD

Protanopia

#898ADC

Deuteranopia

#8176DC

Tritanopia

#52DCDC

Achromatopsia

#BCBCBC

CSS Usage

background-color: #4BDADD;
color: #4BDADD;
border-color: #4BDADD;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F3FCFC
100
#E3F7F7
200
#C3F3F4
300
#98EAEC
400
#60DEE1
500
#29D3D6
600
#20A9AC
700
#1A8789
800
#14696B
900
#134D4E
950
#0C3131

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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