#4FB2FF

#4FB2FF

Color Values

HEX

#4FB2FF

RGB

79, 178, 255

HSL

206.2, 100.0%, 65.5%

HSV

206.2, 69.0%, 100.0%

CMYK

69.0%, 30.2%, 0.0%, 0.0%

OKLCH

0.7382 0.1449 245.2

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#4FB2FF

#FF9C4F

Analogous

#4FFFF4

#4F5AFF

#4FB2FF

Triadic

#4FB2FF

#FF4FB2

#B2FF4F

Split Complementary

#4FB2FF

#FF4F5A

#FFF44F

Tetradic

#4FB2FF

#F44FFF

#FF9C4F

#5AFF4F

Color Blindness Simulation

Original

#4FB2FF

Protanopia

#7A7BEC

Deuteranopia

#746DE8

Tritanopia

#54DEDA

Achromatopsia

#A3A3A3

CSS Usage

background-color: #4FB2FF;
color: #4FB2FF;
border-color: #4FB2FF;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F1F8FE
100
#DEEFFC
200
#B8E0FF
300
#85CAFF
400
#42ADFF
500
#0090FF
600
#0073CC
700
#005CA3
800
#004880
900
#05365C
950
#03223A

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

9.14:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026