#1258BC

#1258BC

Color Values

HEX

#1258BC

RGB

18, 88, 188

HSL

215.3, 82.5%, 40.4%

HSV

215.3, 90.4%, 73.7%

CMYK

90.4%, 53.2%, 0.0%, 26.3%

OKLCH

0.4814 0.1711 258.9

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#1258BC

#BC7612

Analogous

#12ADBC

#2112BC

#1258BC

Triadic

#1258BC

#BC1258

#58BC12

Split Complementary

#1258BC

#BC2112

#ADBC12

Tetradic

#1258BC

#BC12AD

#BC7612

#12BC21

Color Blindness Simulation

Original

#1258BC

Protanopia

#3031A4

Deuteranopia

#2C279E

Tritanopia

#16918C

Achromatopsia

#505050

CSS Usage

background-color: #1258BC;
color: #1258BC;
border-color: #1258BC;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F2F6FD
100
#E1EBFA
200
#BED6F9
300
#8FB9F4
400
#5393EE
500
#166DE9
600
#1257BA
700
#0E4695
800
#0B3674
900
#0C2A54
950
#081B35

Contrast Checker

Text on white

6.67:1

AA Pass AAA Fail

Text on black

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