#378BE8

#378BE8

Color Values

HEX

#378BE8

RGB

55, 139, 232

HSL

211.5, 79.4%, 56.3%

HSV

211.5, 76.3%, 91.0%

CMYK

76.3%, 40.1%, 0.0%, 9.0%

OKLCH

0.632 0.1614 253.6

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#378BE8

#E89437

Analogous

#37E4E8

#3C37E8

#378BE8

Triadic

#378BE8

#E8378B

#8BE837

Split Complementary

#378BE8

#E83C37

#E4E837

Tetradic

#378BE8

#E837E4

#E89437

#37E83C

Color Blindness Simulation

Original

#378BE8

Protanopia

#5B5CD2

Deuteranopia

#5650CC

Tritanopia

#3BC0BC

Achromatopsia

#808080

CSS Usage

background-color: #378BE8;
color: #378BE8;
border-color: #378BE8;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F7FD
100
#E1EDF9
200
#BFDAF8
300
#91BFF2
400
#569DEC
500
#1A7AE5
600
#1562B7
700
#114E92
800
#0D3D72
900
#0E2F53
950
#091E34

Contrast Checker

Text on white

3.49:1

AA Fail AAA Fail

Text on black

6.02:1

AA Pass AAA Fail

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026