#4BC6F6

#4BC6F6

Color Values

HEX

#4BC6F6

RGB

75, 198, 246

HSL

196.8, 90.5%, 62.9%

HSV

196.8, 69.5%, 96.5%

CMYK

69.5%, 19.5%, 0.0%, 3.5%

OKLCH

0.7778 0.1267 227.9

Properties

Cool Light Nearest: deepskyblue

Color Harmonies

Complementary

#4BC6F6

#F67B4B

Analogous

#4BF6D0

#4B70F6

#4BC6F6

Triadic

#4BC6F6

#F64BC6

#C6F64B

Split Complementary

#4BC6F6

#F64B70

#F6D04B

Tetradic

#4BC6F6

#D04BF6

#F67B4B

#70F64B

Color Blindness Simulation

Original

#4BC6F6

Protanopia

#8081EA

Deuteranopia

#7970E8

Tritanopia

#51E1DF

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F1FAFD
100
#DFF3FB
200
#BBEAFC
300
#8ADAF9
400
#4BC6F6
500
#0CB2F3
600
#0A8FC2
700
#08729B
800
#065979
900
#094258
950
#062A38

Contrast Checker

Text on white

1.96:1

AA Fail AAA Fail

Text on black

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