#124EBA

#124EBA

Color Values

HEX

#124EBA

RGB

18, 78, 186

HSL

218.6, 82.4%, 40.0%

HSV

218.6, 90.3%, 72.9%

CMYK

90.3%, 58.1%, 0.0%, 27.1%

OKLCH

0.4588 0.1807 261.3

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#124EBA

#BA7E12

Analogous

#12A2BA

#2A12BA

#124EBA

Triadic

#124EBA

#BA124E

#4EBA12

Split Complementary

#124EBA

#BA2A12

#A2BA12

Tetradic

#124EBA

#BA12A2

#BA7E12

#12BA2A

Color Blindness Simulation

Original

#124EBA

Protanopia

#2C2DA0

Deuteranopia

#28249A

Tritanopia

#158B87

Achromatopsia

#494949

CSS Usage

background-color: #124EBA;
color: #124EBA;
border-color: #124EBA;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F2F6FD
100
#E1EAFA
200
#BED3F9
300
#8FB3F4
400
#538AEE
500
#1661E9
600
#124EBA
700
#0E3E95
800
#0B3174
900
#0D2654
950
#081835

Contrast Checker

Text on white

7.43:1

AA Pass AAA Pass

Text on black

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