#120FB6

#120FB6

Color Values

HEX

#120FB6

RGB

18, 15, 182

HSL

241.1, 84.8%, 38.6%

HSV

241.1, 91.8%, 71.4%

CMYK

90.1%, 91.8%, 0.0%, 28.6%

OKLCH

0.3634 0.2344 266.8

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#120FB6

#B3B60F

Analogous

#0F5FB6

#650FB6

#120FB6

Triadic

#120FB6

#B6120F

#0FB612

Split Complementary

#120FB6

#B6650F

#5FB60F

Tetradic

#120FB6

#B60F5F

#B3B60F

#0FB665

Color Blindness Simulation

Original

#120FB6

Protanopia

#11118E

Deuteranopia

#111184

Tritanopia

#126E67

Achromatopsia

#1C1C1C

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E1E0FA
200
#BEBDFA
300
#908EF6
400
#5451F1
500
#1713EC
600
#1310BC
700
#0F0C97
800
#0C0A76
900
#0D0B55
950
#080736

Contrast Checker

Text on white

11.87:1

AA Pass AAA Pass

Text on black

1.77:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026