#1257BC

#1257BC

Color Values

HEX

#1257BC

RGB

18, 87, 188

HSL

215.6, 82.5%, 40.4%

HSV

215.6, 90.4%, 73.7%

CMYK

90.4%, 53.7%, 0.0%, 26.3%

OKLCH

0.4793 0.1724 259.2

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#1257BC

#BC7712

Analogous

#12ACBC

#2212BC

#1257BC

Triadic

#1257BC

#BC1257

#57BC12

Split Complementary

#1257BC

#BC2212

#ACBC12

Tetradic

#1257BC

#BC12AC

#BC7712

#12BC22

Color Blindness Simulation

Original

#1257BC

Protanopia

#3030A4

Deuteranopia

#2C279E

Tritanopia

#15908C

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E1EBFA
200
#BED6F9
300
#8FB8F4
400
#5392EE
500
#166CE9
600
#1256BA
700
#0E4595
800
#0B3674
900
#0C2A54
950
#081A35

Contrast Checker

Text on white

6.74:1

AA Pass AAA Fail

Text on black

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