#4CB6F6

#4CB6F6

Color Values

HEX

#4CB6F6

RGB

76, 182, 246

HSL

202.6, 90.4%, 63.1%

HSV

202.6, 69.1%, 96.5%

CMYK

69.1%, 26.0%, 0.0%, 3.5%

OKLCH

0.7418 0.1337 238.9

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#4CB6F6

#F68C4C

Analogous

#4CF6E1

#4C61F6

#4CB6F6

Triadic

#4CB6F6

#F64CB6

#B6F64C

Split Complementary

#4CB6F6

#F64C61

#F6E14C

Tetradic

#4CB6F6

#E14CF6

#F68C4C

#61F64C

Color Blindness Simulation

Original

#4CB6F6

Protanopia

#7A7BE7

Deuteranopia

#746CE3

Tritanopia

#51DAD8

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F1F9FD
100
#DFF1FB
200
#BBE3FC
300
#8ACFF9
400
#4BB6F6
500
#0C9CF3
600
#0A7DC2
700
#08649B
800
#064E79
900
#093A58
950
#062537

Contrast Checker

Text on white

2.25:1

AA Fail AAA Fail

Text on black

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