#2086DF

#2086DF

Color Values

HEX

#2086DF

RGB

32, 134, 223

HSL

208.0, 74.9%, 50.0%

HSV

208.0, 85.7%, 87.5%

CMYK

85.7%, 39.9%, 0.0%, 12.5%

OKLCH

0.61 0.1611 250.5

Properties

Cool Light Nearest: dodgerblue 3

Color Harmonies

Complementary

#2086DF

#DF7920

Analogous

#20DFD9

#2026DF

#2086DF

Triadic

#2086DF

#DF2086

#86DF20

Split Complementary

#2086DF

#DF2026

#DFD920

Tetradic

#2086DF

#D920DF

#DF7920

#26DF20

Color Blindness Simulation

Original

#2086DF

Protanopia

#4C4DC9

Deuteranopia

#463FC4

Tritanopia

#25B8B5

Achromatopsia

#777777

CSS Usage

background-color: #2086DF;
color: #2086DF;
border-color: #2086DF;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F8FC
100
#E2EEF9
200
#C1DDF6
300
#94C5F0
400
#5AA5E7
500
#2086DF
600
#1A6BB2
700
#14568F
800
#10436F
900
#103351
950
#0A2033

Contrast Checker

Text on white

3.79:1

AA Fail AAA Fail

Text on black

5.54:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026