#4FCAD9

#4FCAD9

Color Values

HEX

#4FCAD9

RGB

79, 202, 217

HSL

186.5, 64.5%, 58.0%

HSV

186.5, 63.6%, 85.1%

CMYK

63.6%, 6.9%, 0.0%, 14.9%

OKLCH

0.7766 0.1093 206.5

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#4FCAD9

#D95E4F

Analogous

#4FD9A3

#4F85D9

#4FCAD9

Triadic

#4FCAD9

#D94FCA

#CAD94F

Split Complementary

#4FCAD9

#D94F85

#D9A34F

Tetradic

#4FCAD9

#A34FD9

#D95E4F

#85D94F

Color Blindness Simulation

Original

#4FCAD9

Protanopia

#8485D5

Deuteranopia

#7D74D4

Tritanopia

#55D3D2

Achromatopsia

#B1B1B1

CSS Usage

background-color: #4FCAD9;
color: #4FCAD9;
border-color: #4FCAD9;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F3FBFC
100
#E3F5F7
200
#C4EDF2
300
#9AE1E9
400
#64D0DE
500
#2DC0D2
600
#249AA8
700
#1D7B86
800
#176069
900
#14464D
950
#0D2D30

Contrast Checker

Text on white

1.95:1

AA Fail AAA Fail

Text on black

10.78:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026