#121EED

#121EED

Color Values

HEX

#121EED

RGB

18, 30, 237

HSL

236,7, 85,9%, 50,0%

HSV

236,7, 92,4%, 92,9%

CMYK

92,4%, 87,3%, 0,0%, 7,1%

OKLCH

0,4454 0,2841 265,6

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#121EED

#EDE112

Analogous

#128CED

#7312ED

#121EED

Triadic

#121EED

#ED121E

#1EED12

Split Complementary

#121EED

#ED7312

#8CED12

Tetradic

#121EED

#ED128C

#EDE112

#12ED73

Color Blindness Simulation

Original

#121EED

Protanopia

#1717BB

Deuteranopia

#1616AF

Tritanopia

#13938B

Achromatopsia

#2A2A2A

CSS Usage

background-color: #121EED;
color: #121EED;
border-color: #121EED;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F2F2FD
100
#E0E2FA
200
#BDC0FA
300
#8D93F6
400
#5059F2
500
#121EED
600
#0E18BE
700
#0C1398
800
#090F77
900
#0B0F56
950
#070A36

Contrast Checker

Text on white

8,63:1

AA Pass AAA Pass

Text on black

2,43:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026