#1258BA

#1258BA

Color Values

HEX

#1258BA

RGB

18, 88, 186

HSL

215.0, 82.4%, 40.0%

HSV

215.0, 90.3%, 72.9%

CMYK

90.3%, 52.7%, 0.0%, 27.1%

OKLCH

0.4798 0.1685 258.7

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#1258BA

#BA7412

Analogous

#12ACBA

#2012BA

#1258BA

Triadic

#1258BA

#BA1258

#58BA12

Split Complementary

#1258BA

#BA2012

#ACBA12

Tetradic

#1258BA

#BA12AC

#BA7412

#12BA20

Color Blindness Simulation

Original

#1258BA

Protanopia

#3031A2

Deuteranopia

#2C279D

Tritanopia

#16908B

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E1EBFA
200
#BED6F9
300
#8FB9F4
400
#5394EE
500
#166EE9
600
#1258BA
700
#0E4695
800
#0B3774
900
#0D2A54
950
#081B35

Contrast Checker

Text on white

6.71:1

AA Pass AAA Fail

Text on black

3.13:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026