#1376C8

#1376C8

Color Values

HEX

#1376C8

RGB

19, 118, 200

HSL

207.2, 82.6%, 42.9%

HSV

207.2, 90.5%, 78.4%

CMYK

90.5%, 41.0%, 0.0%, 21.6%

OKLCH

0.5571 0.1517 250.4

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#1376C8

#C86513

Analogous

#13C8BF

#131BC8

#1376C8

Triadic

#1376C8

#C81376

#76C813

Split Complementary

#1376C8

#C8131B

#C8BF13

Tetradic

#1376C8

#BF13C8

#C86513

#1BC813

Color Blindness Simulation

Original

#1376C8

Protanopia

#3E3FB4

Deuteranopia

#3831AF

Tritanopia

#18A4A1

Achromatopsia

#676767

CSS Usage

background-color: #1376C8;
color: #1376C8;
border-color: #1376C8;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F2F8FD
100
#E1EEFA
200
#BEDEF9
300
#8FC7F4
400
#53A8EF
500
#1689E9
600
#126EBA
700
#0E5895
800
#0B4574
900
#0C3454
950
#082135

Contrast Checker

Text on white

4.72:1

AA Pass AAA Fail

Text on black

4.45:1

AA Fail 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