#4792FB

#4792FB

Color Values

HEX

#4792FB

RGB

71, 146, 251

HSL

215.0, 95.7%, 63.1%

HSV

215.0, 71.7%, 98.4%

CMYK

71.7%, 41.8%, 0.0%, 1.6%

OKLCH

0.6639 0.1731 257.4

Properties

Cool Light Nearest: dodgerblue

Color Harmonies

Complementary

#4792FB

#FBB047

Analogous

#47ECFB

#5647FB

#4792FB

Triadic

#4792FB

#FB4792

#92FB47

Split Complementary

#4792FB

#FB5647

#ECFB47

Tetradic

#4792FB

#FB47EC

#FBB047

#47FB56

Color Blindness Simulation

Original

#4792FB

Protanopia

#6768E2

Deuteranopia

#635EDC

Tritanopia

#4BCEC9

Achromatopsia

#8A8A8A

CSS Usage

background-color: #4792FB;
color: #4792FB;
border-color: #4792FB;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F6FE
100
#DFEBFC
200
#B9D6FD
300
#87B8FC
400
#4692FB
500
#056BFA
600
#0456C8
700
#0445A0
800
#03367D
900
#07295A
950
#041A39

Contrast Checker

Text on white

3.1:1

AA Fail AAA Fail

Text on black

6.77:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026