#204FDF

#204FDF

Color Values

HEX

#204FDF

RGB

32, 79, 223

HSL

225,2, 74,9%, 50,0%

HSV

225,2, 85,7%, 87,5%

CMYK

85,7%, 64,6%, 0,0%, 12,5%

OKLCH

0,4973 0,2241 264,9

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#204FDF

#DFB020

Analogous

#20AFDF

#5020DF

#204FDF

Triadic

#204FDF

#DF204F

#4FDF20

Split Complementary

#204FDF

#DF5020

#AFDF20

Tetradic

#204FDF

#DF20AF

#DFB020

#20DF50

Color Blindness Simulation

Original

#204FDF

Protanopia

#3435BC

Deuteranopia

#322EB4

Tritanopia

#22A19B

Achromatopsia

#4F4F4F

CSS Usage

background-color: #204FDF;
color: #204FDF;
border-color: #204FDF;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F2F5FC
100
#E2E7F9
200
#C1CEF6
300
#94ABF0
400
#5A7DE7
500
#204FDF
600
#1A3FB2
700
#14338F
800
#10286F
900
#102051
950
#0A1433

Contrast Checker

Text on white

6,47:1

AA Pass AAA Fail

Text on black

3,25:1

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