#4792FC

#4792FC

Color Values

HEX

#4792FC

RGB

71, 146, 252

HSL

215.1, 96.8%, 63.3%

HSV

215.1, 71.8%, 98.8%

CMYK

71.8%, 42.1%, 0.0%, 1.2%

OKLCH

0.6645 0.1744 257.6

Properties

Cool Light Nearest: dodgerblue

Color Harmonies

Complementary

#4792FC

#FCB147

Analogous

#47EDFC

#5647FC

#4792FC

Triadic

#4792FC

#FC4792

#92FC47

Split Complementary

#4792FC

#FC5647

#EDFC47

Tetradic

#4792FC

#FC47ED

#FCB147

#47FC56

Color Blindness Simulation

Original

#4792FC

Protanopia

#6768E2

Deuteranopia

#635EDC

Tritanopia

#4BCECA

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F1F6FE
100
#DEEBFC
200
#B9D5FE
300
#87B8FD
400
#4591FC
500
#046BFB
600
#0355C9
700
#0344A1
800
#02357D
900
#06295B
950
#041A39

Contrast Checker

Text on white

3.1:1

AA Fail AAA Fail

Text on black

6.79:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026