#4FABF7

#4FABF7

Color Values

HEX

#4FABF7

RGB

79, 171, 247

HSL

207.1, 91.3%, 63.9%

HSV

207.1, 68.0%, 96.9%

CMYK

68.0%, 30.8%, 0.0%, 3.1%

OKLCH

0.7187 0.1414 246.5

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#4FABF7

#F79B4F

Analogous

#4FF7EF

#4F57F7

#4FABF7

Triadic

#4FABF7

#F74FAB

#ABF74F

Split Complementary

#4FABF7

#F74F57

#F7EF4F

Tetradic

#4FABF7

#EF4FF7

#F79B4F

#57F74F

Color Blindness Simulation

Original

#4FABF7

Protanopia

#7778E5

Deuteranopia

#726BE0

Tritanopia

#54D6D3

Achromatopsia

#9D9D9D

CSS Usage

background-color: #4FABF7;
color: #4FABF7;
border-color: #4FABF7;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BBDEFC
300
#8AC7FA
400
#4BA9F7
500
#0B8BF4
600
#096FC3
700
#07599C
800
#06457A
900
#093458
950
#052138

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

8.5:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026