#207DDB

#207DDB

Color Values

HEX

#207DDB

RGB

32, 125, 219

HSL

210.2, 74.5%, 49.2%

HSV

210.2, 85.4%, 85.9%

CMYK

85.4%, 42.9%, 0.0%, 14.1%

OKLCH

0.5873 0.1657 253.2

Properties

Cool Light Nearest: Navy Blue

Color Harmonies

Complementary

#207DDB

#DB7E20

Analogous

#20DADB

#2120DB

#207DDB

Triadic

#207DDB

#DB207D

#7DDB20

Split Complementary

#207DDB

#DB2120

#DADB20

Tetradic

#207DDB

#DB20DA

#DB7E20

#20DB21

Color Blindness Simulation

Original

#207DDB

Protanopia

#4849C4

Deuteranopia

#433CBF

Tritanopia

#25B2AE

Achromatopsia

#707070

CSS Usage

background-color: #207DDB;
color: #207DDB;
border-color: #207DDB;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F3F7FC
100
#E2EDF8
200
#C1DBF6
300
#94C1EF
400
#5AA0E7
500
#217FDE
600
#1A65B2
700
#15518E
800
#103F6F
900
#103051
950
#0A1E33

Contrast Checker

Text on white

4.19:1

AA Fail AAA Fail

Text on black

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