#4AC9F7

#4AC9F7

Color Values

HEX

#4AC9F7

RGB

74, 201, 247

HSL

196.0, 91.5%, 62.9%

HSV

196.0, 70.0%, 96.9%

CMYK

70.0%, 18.6%, 0.0%, 3.1%

OKLCH

0.7849 0.1271 226.2

Properties

Cool Light Nearest: Cerulean

Color Harmonies

Complementary

#4AC9F7

#F7784A

Analogous

#4AF7CF

#4A72F7

#4AC9F7

Triadic

#4AC9F7

#F74AC9

#C9F74A

Split Complementary

#4AC9F7

#F74A72

#F7CF4A

Tetradic

#4AC9F7

#CF4AF7

#F7784A

#72F74A

Color Blindness Simulation

Original

#4AC9F7

Protanopia

#8182EC

Deuteranopia

#7A70E9

Tritanopia

#50E3E1

Achromatopsia

#B1B1B1

CSS Usage

background-color: #4AC9F7;
color: #4AC9F7;
border-color: #4AC9F7;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F1FAFD
100
#DFF4FB
200
#BBEBFC
300
#8ADCFA
400
#4AC9F7
500
#0BB6F4
600
#0992C3
700
#07749C
800
#055B7A
900
#094358
950
#052A38

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

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