#4BA9F9

#4BA9F9

Color Values

HEX

#4BA9F9

RGB

75, 169, 249

HSL

207.6, 93.5%, 63.5%

HSV

207.6, 69.9%, 97.6%

CMYK

69.9%, 32.1%, 0.0%, 2.4%

OKLCH

0.7139 0.1469 247.4

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#4BA9F9

#F99B4B

Analogous

#4BF9F2

#4B52F9

#4BA9F9

Triadic

#4BA9F9

#F94BA9

#A9F94B

Split Complementary

#4BA9F9

#F94B52

#F9F24B

Tetradic

#4BA9F9

#F24BF9

#F99B4B

#52F94B

Color Blindness Simulation

Original

#4BA9F9

Protanopia

#7475E6

Deuteranopia

#6E67E1

Tritanopia

#50D6D3

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BADEFD
300
#89C6FB
400
#48A8F9
500
#0889F7
600
#076EC5
700
#05589E
800
#04457B
900
#083459
950
#052138

Contrast Checker

Text on white

2.52:1

AA Fail AAA Fail

Text on black

8.34:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026