#218ADE

#218ADE

Color Values

HEX

#218ADE

RGB

33, 138, 222

HSL

206,7, 74,1%, 50,0%

HSV

206,7, 85,1%, 87,1%

CMYK

85,1%, 37,8%, 0,0%, 12,9%

OKLCH

0,6186 0,1557 248,6

Properties

Cool Light Nearest: dodgerblue 3

Color Harmonies

Complementary

#218ADE

#DE7521

Analogous

#21DED4

#212BDE

#218ADE

Triadic

#218ADE

#DE218A

#8ADE21

Split Complementary

#218ADE

#DE212B

#DED421

Tetradic

#218ADE

#D421DE

#DE7521

#2BDE21

Color Blindness Simulation

Original

#218ADE

Protanopia

#4E4FCA

Deuteranopia

#4840C5

Tritanopia

#26BAB6

Achromatopsia

#7A7A7A

CSS Usage

background-color: #218ADE;
color: #218ADE;
border-color: #218ADE;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F8FC
100
#E2EEF8
200
#C1DEF6
300
#94C7EF
400
#5BA8E7
500
#218ADE
600
#1A6EB2
700
#15588E
800
#11456F
900
#103451
950
#0A2133

Contrast Checker

Text on white

3,65:1

AA Fail AAA Fail

Text on black

5,75: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