#120FA2

#120FA2

Color Values

HEX

#120FA2

RGB

18, 15, 162

HSL

241.2, 83.1%, 34.7%

HSV

241.2, 90.7%, 63.5%

CMYK

88.9%, 90.7%, 0.0%, 36.5%

OKLCH

0.3367 0.2129 267.5

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#120FA2

#9FA20F

Analogous

#0F56A2

#5B0FA2

#120FA2

Triadic

#120FA2

#A2120F

#0FA212

Split Complementary

#120FA2

#A25B0F

#56A20F

Tetradic

#120FA2

#A20F56

#9FA20F

#0FA25B

Color Blindness Simulation

Original

#120FA2

Protanopia

#11117E

Deuteranopia

#111176

Tritanopia

#12625C

Achromatopsia

#1A1A1A

CSS Usage

background-color: #120FA2;
color: #120FA2;
border-color: #120FA2;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F2F2FD
100
#E1E1FA
200
#BFBEF9
300
#918FF5
400
#5552EF
500
#1A16E9
600
#1511BB
700
#110E95
800
#0D0B75
900
#0E0C55
950
#090835

Contrast Checker

Text on white

13.0:1

AA Pass AAA Pass

Text on black

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