#218CE8

#218CE8

Color Values

HEX

#218CE8

RGB

33, 140, 232

HSL

207.7, 81.2%, 52.0%

HSV

207.7, 85.8%, 91.0%

CMYK

85.8%, 39.7%, 0.0%, 9.0%

OKLCH

0.6292 0.1658 250.2

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#218CE8

#E87D21

Analogous

#21E8E0

#2129E8

#218CE8

Triadic

#218CE8

#E8218C

#8CE821

Split Complementary

#218CE8

#E82129

#E8E021

Tetradic

#218CE8

#E021E8

#E87D21

#29E821

Color Blindness Simulation

Original

#218CE8

Protanopia

#4F50D2

Deuteranopia

#4941CC

Tritanopia

#26C0BC

Achromatopsia

#7C7C7C

CSS Usage

background-color: #218CE8;
color: #218CE8;
border-color: #218CE8;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F8FD
100
#E1EEF9
200
#BEDEF8
300
#90C6F3
400
#54A7ED
500
#1887E7
600
#136CB9
700
#0F5794
800
#0C4474
900
#0D3354
950
#082035

Contrast Checker

Text on white

3.51:1

AA Fail AAA Fail

Text on black

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