#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

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026