#4AE4F6

#4AE4F6

Color Values

HEX

#4AE4F6

RGB

74, 228, 246

HSL

186.3, 90.5%, 62.7%

HSV

186.3, 69.9%, 96.5%

CMYK

69.9%, 7.3%, 0.0%, 3.5%

OKLCH

0.8468 0.1275 206.4

Properties

Cool Light Nearest: turquoise 2

Color Harmonies

Complementary

#4AE4F6

#F65C4A

Analogous

#4AF6B2

#4A8EF6

#4AE4F6

Triadic

#4AE4F6

#F64AE4

#E4F64A

Split Complementary

#4AE4F6

#F64A8E

#F6B24A

Tetradic

#4AE4F6

#B24AF6

#F65C4A

#8EF64A

Color Blindness Simulation

Original

#4AE4F6

Protanopia

#8D8EF2

Deuteranopia

#8478F1

Tritanopia

#52EEED

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F1FCFD
100
#DFF8FB
200
#BBF5FC
300
#8AEEF9
400
#4BE4F6
500
#0CDBF3
600
#0AAFC2
700
#088C9B
800
#066D79
900
#095058
950
#063238

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

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