#3748CE

#3748CE

Color Values

HEX

#3748CE

RGB

55, 72, 206

HSL

233.2, 60.6%, 51.2%

HSV

233.2, 73.3%, 80.8%

CMYK

73.3%, 65.0%, 0.0%, 19.2%

OKLCH

0.4783 0.2053 270.6

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#3748CE

#CEBD37

Analogous

#3794CE

#7137CE

#3748CE

Triadic

#3748CE

#CE3748

#48CE37

Split Complementary

#3748CE

#CE7137

#94CE37

Tetradic

#3748CE

#CE3794

#CEBD37

#37CE71

Color Blindness Simulation

Original

#3748CE

Protanopia

#3E3FAE

Deuteranopia

#3D3CA6

Tritanopia

#38948E

Achromatopsia

#4E4E4E

CSS Usage

background-color: #3748CE;
color: #3748CE;
border-color: #3748CE;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F3F4FB
100
#E4E6F6
200
#C6CBF1
300
#9DA5E7
400
#6774DA
500
#3244CD
600
#2836A4
700
#202B83
800
#192266
900
#161C4B
950
#0E122F

Contrast Checker

Text on white

7.05:1

AA Pass AAA Pass

Text on black

2.98:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026