#4DA4F7

#4DA4F7

Color Values

HEX

#4DA4F7

RGB

77, 164, 247

HSL

209.3, 91.4%, 63.5%

HSV

209.3, 68.8%, 96.9%

CMYK

68.8%, 33.6%, 0.0%, 3.1%

OKLCH

0.7025 0.1481 249.8

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#4DA4F7

#F7A04D

Analogous

#4DF7F5

#4D4FF7

#4DA4F7

Triadic

#4DA4F7

#F74DA4

#A4F74D

Split Complementary

#4DA4F7

#F74D4F

#F7F54D

Tetradic

#4DA4F7

#F54DF7

#F7A04D

#4FF74D

Color Blindness Simulation

Original

#4DA4F7

Protanopia

#7373E3

Deuteranopia

#6E67DE

Tritanopia

#51D3D0

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F1F7FD
100
#DFEDFB
200
#BBDCFC
300
#8AC3FA
400
#4AA3F7
500
#0B82F4
600
#0968C3
700
#07539C
800
#05417A
900
#093158
950
#051F38

Contrast Checker

Text on white

2.64:1

AA Fail AAA Fail

Text on black

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