#474EB7

#474EB7

Color Values

HEX

#474EB7

RGB

71, 78, 183

HSL

236,2, 44,1%, 49,8%

HSV

236,2, 61,2%, 71,8%

CMYK

61,2%, 57,4%, 0,0%, 28,2%

OKLCH

0,4791 0,1634 275,5

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#474EB7

#B7B047

Analogous

#4786B7

#7847B7

#474EB7

Triadic

#474EB7

#B7474E

#4EB747

Split Complementary

#474EB7

#B77847

#86B747

Tetradic

#474EB7

#B74786

#B7B047

#47B778

Color Blindness Simulation

Original

#474EB7

Protanopia

#4A4A9E

Deuteranopia

#4A4998

Tritanopia

#478A85

Achromatopsia

#545454

CSS Usage

background-color: #474EB7;
color: #474EB7;
border-color: #474EB7;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F5FA
100
#E6E7F4
200
#CCCEEB
300
#A7AADD
400
#777CCA
500
#474EB8
600
#393F93
700
#2E3276
800
#24275C
900
#1D2044
950
#12142B

Contrast Checker

Text on white

6,9:1

AA Pass AAA Fail

Text on black

3,04:1

AA Fail AAA Fail

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