#4BC5F6

#4BC5F6

Color Values

HEX

#4BC5F6

RGB

75, 197, 246

HSL

197.2, 90.5%, 62.9%

HSV

197.2, 69.5%, 96.5%

CMYK

69.5%, 19.9%, 0.0%, 3.5%

OKLCH

0.7755 0.127 228.6

Properties

Cool Light Nearest: deepskyblue

Color Harmonies

Complementary

#4BC5F6

#F67C4B

Analogous

#4BF6D1

#4B6FF6

#4BC5F6

Triadic

#4BC5F6

#F64BC5

#C5F64B

Split Complementary

#4BC5F6

#F64B6F

#F6D14B

Tetradic

#4BC5F6

#D14BF6

#F67C4B

#6FF64B

Color Blindness Simulation

Original

#4BC5F6

Protanopia

#8081EA

Deuteranopia

#7970E7

Tritanopia

#51E1DF

Achromatopsia

#AFAFAF

CSS Usage

background-color: #4BC5F6;
color: #4BC5F6;
border-color: #4BC5F6;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F1FAFD
100
#DFF3FB
200
#BBE9FC
300
#8AD9F9
400
#4BC5F6
500
#0CB1F3
600
#0A8DC2
700
#08719B
800
#065879
900
#094158
950
#062938

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

10.62:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026