#1F7CD4

#1F7CD4

Color Values

HEX

#1F7CD4

RGB

31, 124, 212

HSL

209.2, 74.5%, 47.6%

HSV

209.2, 85.4%, 83.1%

CMYK

85.4%, 41.5%, 0.0%, 16.9%

OKLCH

0.5804 0.1582 252.0

Properties

Cool Light Nearest: dodgerblue 3

Color Harmonies

Complementary

#1F7CD4

#D4771F

Analogous

#1FD4D1

#1F21D4

#1F7CD4

Triadic

#1F7CD4

#D41F7C

#7CD41F

Split Complementary

#1F7CD4

#D41F21

#D4D11F

Tetradic

#1F7CD4

#D11FD4

#D4771F

#21D41F

Color Blindness Simulation

Original

#1F7CD4

Protanopia

#4748BF

Deuteranopia

#423BBA

Tritanopia

#24AEAA

Achromatopsia

#6F6F6F

CSS Usage

background-color: #1F7CD4;
color: #1F7CD4;
border-color: #1F7CD4;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F7FC
100
#E2EDF8
200
#C1DCF6
300
#94C3EF
400
#5AA3E7
500
#2182DE
600
#1A68B2
700
#15538E
800
#10416F
900
#103151
950
#0A1F33

Contrast Checker

Text on white

4.29:1

AA Fail AAA Fail

Text on black

4.89:1

AA Pass 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