#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