#123CBA

#123CBA

Color Values

HEX

#123CBA

RGB

18, 60, 186

HSL

225.0, 82.4%, 40.0%

HSV

225.0, 90.3%, 72.9%

CMYK

90.3%, 67.7%, 0.0%, 27.1%

OKLCH

0.4244 0.202 264.4

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#123CBA

#BA9012

Analogous

#1290BA

#3C12BA

#123CBA

Triadic

#123CBA

#BA123C

#3CBA12

Split Complementary

#123CBA

#BA3C12

#90BA12

Tetradic

#123CBA

#BA1290

#BA9012

#12BA3C

Color Blindness Simulation

Original

#123CBA

Protanopia

#24259C

Deuteranopia

#221F94

Tritanopia

#14837E

Achromatopsia

#3C3C3C

CSS Usage

background-color: #123CBA;
color: #123CBA;
border-color: #123CBA;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F2F5FD
100
#E1E7FA
200
#BECDF9
300
#8FA9F4
400
#537AEE
500
#164BE9
600
#123CBA
700
#0E3095
800
#0B2574
900
#0D1E54
950
#081335

Contrast Checker

Text on white

8.82:1

AA Pass AAA Pass

Text on black

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