#379CEC

#379CEC

Color Values

HEX

#379CEC

RGB

55, 156, 236

HSL

206.5, 82.6%, 57.1%

HSV

206.5, 76.7%, 92.5%

CMYK

76.7%, 33.9%, 0.0%, 7.5%

OKLCH

0.6721 0.1498 246.8

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#379CEC

#EC8737

Analogous

#37ECE1

#3742EC

#379CEC

Triadic

#379CEC

#EC379C

#9CEC37

Split Complementary

#379CEC

#EC3742

#ECE137

Tetradic

#379CEC

#E137EC

#EC8737

#42EC37

Color Blindness Simulation

Original

#379CEC

Protanopia

#6364D9

Deuteranopia

#5D55D4

Tritanopia

#3CC9C6

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E1EFFA
200
#BEDFF9
300
#8FC8F4
400
#53AAEF
500
#168CE9
600
#1270BA
700
#0E5995
800
#0B4674
900
#0C3554
950
#082135

Contrast Checker

Text on white

2.95:1

AA Fail AAA Fail

Text on black

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