#218BF5

#218BF5

Color Values

HEX

#218BF5

RGB

33, 139, 245

HSL

210.0, 91.4%, 54.5%

HSV

210.0, 86.5%, 96.1%

CMYK

86.5%, 43.3%, 0.0%, 3.9%

OKLCH

0.6352 0.1827 253.3

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#218BF5

#F58B21

Analogous

#21F5F5

#2121F5

#218BF5

Triadic

#218BF5

#F5218B

#8BF521

Split Complementary

#218BF5

#F52121

#F5F521

Tetradic

#218BF5

#F521F5

#F58B21

#21F521

Color Blindness Simulation

Original

#218BF5

Protanopia

#4F50DB

Deuteranopia

#4941D5

Tritanopia

#26C7C3

Achromatopsia

#7C7C7C

CSS Usage

background-color: #218BF5;
color: #218BF5;
border-color: #218BF5;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F7FD
100
#DFEDFB
200
#BBDBFC
300
#8AC2FA
400
#4AA1F7
500
#0B80F4
600
#0966C3
700
#07529C
800
#05407A
900
#093058
950
#051F38

Contrast Checker

Text on white

3.46:1

AA Fail AAA Fail

Text on black

6.08:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026