#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

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026