#4BC5F7

#4BC5F7

Color Values

HEX

#4BC5F7

RGB

75, 197, 247

HSL

197.4, 91.5%, 63.1%

HSV

197.4, 69.6%, 96.9%

CMYK

69.6%, 20.2%, 0.0%, 3.1%

OKLCH

0.776 0.1278 229.2

Properties

Cool Light Nearest: deepskyblue

Color Harmonies

Complementary

#4BC5F7

#F77D4B

Analogous

#4BF7D3

#4B6FF7

#4BC5F7

Triadic

#4BC5F7

#F74BC5

#C5F74B

Split Complementary

#4BC5F7

#F74B6F

#F7D34B

Tetradic

#4BC5F7

#D34BF7

#F77D4B

#6FF74B

Color Blindness Simulation

Original

#4BC5F7

Protanopia

#8081EB

Deuteranopia

#7970E8

Tritanopia

#51E1DF

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F1FAFD
100
#DFF3FB
200
#BBE9FC
300
#8AD9FA
400
#4AC5F7
500
#0BB0F4
600
#098DC3
700
#07719C
800
#05587A
900
#094158
950
#052938

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

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