#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

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026