#379BEC

#379BEC

Color Values

HEX

#379BEC

RGB

55, 155, 236

HSL

206.9, 82.6%, 57.1%

HSV

206.9, 76.7%, 92.5%

CMYK

76.7%, 34.3%, 0.0%, 7.5%

OKLCH

0.6699 0.1507 247.3

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#379BEC

#EC8837

Analogous

#37ECE3

#3741EC

#379BEC

Triadic

#379BEC

#EC379B

#9BEC37

Split Complementary

#379BEC

#EC3741

#ECE337

Tetradic

#379BEC

#E337EC

#EC8837

#41EC37

Color Blindness Simulation

Original

#379BEC

Protanopia

#6263D8

Deuteranopia

#5C55D4

Tritanopia

#3CC9C6

Achromatopsia

#8C8C8C

CSS Usage

background-color: #379BEC;
color: #379BEC;
border-color: #379BEC;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F8FD
100
#E1EEFA
200
#BEDEF9
300
#8FC7F4
400
#53A9EF
500
#168AE9
600
#126FBA
700
#0E5995
800
#0B4574
900
#0C3454
950
#082135

Contrast Checker

Text on white

2.97:1

AA Fail AAA Fail

Text on black

7.06:1

AA Pass AAA Pass

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