#1034BC

#1034BC

Color Values

HEX

#1034BC

RGB

16, 52, 188

HSL

227.4, 84.3%, 40.0%

HSV

227.4, 91.5%, 73.7%

CMYK

91.5%, 72.3%, 0.0%, 26.3%

OKLCH

0.4126 0.2134 265.0

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#1034BC

#BC9810

Analogous

#108ABC

#4210BC

#1034BC

Triadic

#1034BC

#BC1034

#34BC10

Split Complementary

#1034BC

#BC4210

#8ABC10

Tetradic

#1034BC

#BC108A

#BC9810

#10BC42

Color Blindness Simulation

Original

#1034BC

Protanopia

#20209B

Deuteranopia

#1E1B93

Tritanopia

#12817B

Achromatopsia

#363636

CSS Usage

background-color: #1034BC;
color: #1034BC;
border-color: #1034BC;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F2F4FD
100
#E0E6FA
200
#BDCAF9
300
#8EA4F5
400
#5173F0
500
#1441EB
600
#1034BC
700
#0D2A96
800
#0A2175
900
#0C1B55
950
#071136

Contrast Checker

Text on white

9.38:1

AA Pass AAA Pass

Text on black

2.24:1

AA Fail AAA Fail

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