#1237BA

#1237BA

Color Values

HEX

#1237BA

RGB

18, 55, 186

HSL

226.8, 82.4%, 40.0%

HSV

226.8, 90.3%, 72.9%

CMYK

90.3%, 70.4%, 0.0%, 27.1%

OKLCH

0.4158 0.2075 265.0

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#1237BA

#BA9512

Analogous

#128BBA

#4112BA

#1237BA

Triadic

#1237BA

#BA1237

#37BA12

Split Complementary

#1237BA

#BA4112

#8BBA12

Tetradic

#1237BA

#BA128B

#BA9512

#12BA41

Color Blindness Simulation

Original

#1237BA

Protanopia

#22229A

Deuteranopia

#201D93

Tritanopia

#14817C

Achromatopsia

#393939

CSS Usage

background-color: #1237BA;
color: #1237BA;
border-color: #1237BA;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F2F4FD
100
#E1E6FA
200
#BECBF9
300
#8FA6F4
400
#5375EE
500
#1645E9
600
#1237BA
700
#0E2C95
800
#0B2274
900
#0D1C54
950
#081235

Contrast Checker

Text on white

9.21:1

AA Pass AAA Pass

Text on black

2.28:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

फ़र 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

फ़र 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

फ़र 19, 2026