#338FEB

#338FEB

Color Values

HEX

#338FEB

RGB

51, 143, 235

HSL

210.0, 82.1%, 56.1%

HSV

210.0, 78.3%, 92.2%

CMYK

78.3%, 39.1%, 0.0%, 7.8%

OKLCH

0.6416 0.1621 252.0

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#338FEB

#EB8F33

Analogous

#33EBEB

#3333EB

#338FEB

Triadic

#338FEB

#EB338F

#8FEB33

Split Complementary

#338FEB

#EB3333

#EBEB33

Tetradic

#338FEB

#EB33EB

#EB8F33

#33EB33

Color Blindness Simulation

Original

#338FEB

Protanopia

#5B5CD5

Deuteranopia

#564FCF

Tritanopia

#38C3BF

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E1EDFA
200
#BEDBF9
300
#90C2F4
400
#53A1EE
500
#1780E8
600
#1266BA
700
#0F5295
800
#0B4074
900
#0D3054
950
#081F35

Contrast Checker

Text on white

3.35:1

AA Fail AAA Fail

Text on black

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