#1234ED

#1234ED

Color Values

HEX

#1234ED

RGB

18, 52, 237

HSL

230.7, 85.9%, 50.0%

HSV

230.7, 92.4%, 92.9%

CMYK

92.4%, 78.1%, 0.0%, 7.1%

OKLCH

0.4677 0.2692 265.3

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#1234ED

#EDCB12

Analogous

#12A1ED

#5E12ED

#1234ED

Triadic

#1234ED

#ED1234

#34ED12

Split Complementary

#1234ED

#ED5E12

#A1ED12

Tetradic

#1234ED

#ED12A1

#EDCB12

#12ED5E

Color Blindness Simulation

Original

#1234ED

Protanopia

#2121C0

Deuteranopia

#1F1CB5

Tritanopia

#149D95

Achromatopsia

#3A3A3A

CSS Usage

background-color: #1234ED;
color: #1234ED;
border-color: #1234ED;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F2F3FD
100
#E0E4FA
200
#BDC6FA
300
#8D9EF6
400
#5069F2
500
#1234ED
600
#0E2ABE
700
#0C2198
800
#091A77
900
#0B1756
950
#070E36

Contrast Checker

Text on white

7.66:1

AA Pass AAA Pass

Text on black

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