#1471DF

#1471DF

Color Values

HEX

#1471DF

RGB

20, 113, 223

HSL

212,5, 83,5%, 47,6%

HSV

212,5, 91,0%, 87,5%

CMYK

91,0%, 49,3%, 0,0%, 12,5%

OKLCH

0,5619 0,1864 256,7

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#1471DF

#DF8214

Analogous

#14D6DF

#1C14DF

#1471DF

Triadic

#1471DF

#DF1471

#71DF14

Split Complementary

#1471DF

#DF1C14

#D6DF14

Tetradic

#1471DF

#DF14D6

#DF8214

#14DF1C

Color Blindness Simulation

Original

#1471DF

Protanopia

#3C3DC4

Deuteranopia

#3730BE

Tritanopia

#19AFAB

Achromatopsia

#656565

CSS Usage

background-color: #1471DF;
color: #1471DF;
border-color: #1471DF;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F7FD
100
#E0ECFA
200
#BDD9F9
300
#8FBEF5
400
#529AEF
500
#1577EA
600
#115FBB
700
#0D4C96
800
#0B3B75
900
#0C2D55
950
#081D36

Contrast Checker

Text on white

4,71:1

AA Pass AAA Fail

Text on black

4,46:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Oca 18, 2026