#338CED

#338CED

Color Values

HEX

#338CED

RGB

51, 140, 237

HSL

211.3, 83.8%, 56.5%

HSV

211.3, 78.5%, 92.9%

CMYK

78.5%, 40.9%, 0.0%, 7.1%

OKLCH

0.6362 0.1677 253.6

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#338CED

#ED9433

Analogous

#33E9ED

#3733ED

#338CED

Triadic

#338CED

#ED338C

#8CED33

Split Complementary

#338CED

#ED3733

#E9ED33

Tetradic

#338CED

#ED33E9

#ED9433

#33ED37

Color Blindness Simulation

Original

#338CED

Protanopia

#5A5AD6

Deuteranopia

#544ED0

Tritanopia

#37C3BF

Achromatopsia

#808080

CSS Usage

background-color: #338CED;
color: #338CED;
border-color: #338CED;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F7FD
100
#E0EDFA
200
#BDDAF9
300
#8FC0F5
400
#529DF0
500
#157BEA
600
#1162BB
700
#0D4F96
800
#0A3D75
900
#0C2F55
950
#081E36

Contrast Checker

Text on white

3.43:1

AA Fail AAA Fail

Text on black

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