#4FD7EA

#4FD7EA

Color Values

HEX

#4FD7EA

RGB

79, 215, 234

HSL

187.4, 78.7%, 61.4%

HSV

187.4, 66.2%, 91.8%

CMYK

66.2%, 8.1%, 0.0%, 8.2%

OKLCH

0.8134 0.1182 208.2

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#4FD7EA

#EA624F

Analogous

#4FEAB0

#4F89EA

#4FD7EA

Triadic

#4FD7EA

#EA4FD7

#D7EA4F

Split Complementary

#4FD7EA

#EA4F89

#EAB04F

Tetradic

#4FD7EA

#B04FEA

#EA624F

#89EA4F

Color Blindness Simulation

Original

#4FD7EA

Protanopia

#8A8BE5

Deuteranopia

#8278E4

Tritanopia

#56E2E1

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F2FBFC
100
#E1F6F9
200
#BFF0F7
300
#92E6F2
400
#56D9EB
500
#1BCBE4
600
#16A2B6
700
#118292
800
#0E6672
900
#0E4A53
950
#092F34

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

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