#1670DF

#1670DF

Color Values

HEX

#1670DF

RGB

22, 112, 223

HSL

213.1, 82.0%, 48.0%

HSV

213.1, 90.1%, 87.5%

CMYK

90.1%, 49.8%, 0.0%, 12.5%

OKLCH

0.5601 0.1873 257.2

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#1670DF

#DF8516

Analogous

#16D4DF

#2016DF

#1670DF

Triadic

#1670DF

#DF1670

#70DF16

Split Complementary

#1670DF

#DF2016

#D4DF16

Tetradic

#1670DF

#DF16D4

#DF8516

#16DF20

Color Blindness Simulation

Original

#1670DF

Protanopia

#3D3EC4

Deuteranopia

#3831BE

Tritanopia

#1AAFAA

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E1ECFA
200
#BED8F9
300
#90BDF4
400
#5399EE
500
#1775E8
600
#125DBA
700
#0F4B95
800
#0B3A74
900
#0D2D54
950
#081C35

Contrast Checker

Text on white

4.75:1

AA Pass AAA Fail

Text on black

4.42: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