#4BAFF6

#4BAFF6

Color Values

HEX

#4BAFF6

RGB

75, 175, 246

HSL

204.9, 90.5%, 62.9%

HSV

204.9, 69.5%, 96.5%

CMYK

69.5%, 28.9%, 0.0%, 3.5%

OKLCH

0.7257 0.1388 243.0

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#4BAFF6

#F6924B

Analogous

#4BF6E7

#4B59F6

#4BAFF6

Triadic

#4BAFF6

#F64BAF

#AFF64B

Split Complementary

#4BAFF6

#F64B59

#F6E74B

Tetradic

#4BAFF6

#E74BF6

#F6924B

#59F64B

Color Blindness Simulation

Original

#4BAFF6

Protanopia

#7677E5

Deuteranopia

#7069E1

Tritanopia

#50D7D4

Achromatopsia

#9F9F9F

CSS Usage

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

Tailwind Shades

50
#F1F8FD
100
#DFEFFB
200
#BBE1FC
300
#8ACBF9
400
#4BAFF6
500
#0C93F3
600
#0A76C2
700
#085E9B
800
#064A79
900
#093758
950
#062338

Contrast Checker

Text on white

2.4:1

AA Fail AAA Fail

Text on black

8.76:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026