#180BF4

#180BF4

Color Values

HEX

#180BF4

RGB

24, 11, 244

HSL

243.3, 91.4%, 50.0%

HSV

243.3, 95.5%, 95.7%

CMYK

90.2%, 95.5%, 0.0%, 4.3%

OKLCH

0.4453 0.2971 266.2

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#180BF4

#E7F40B

Analogous

#0B73F4

#8C0BF4

#180BF4

Triadic

#180BF4

#F4180B

#0BF418

Split Complementary

#180BF4

#F48C0B

#73F40B

Tetradic

#180BF4

#F40B73

#E7F40B

#0BF48C

Color Blindness Simulation

Original

#180BF4

Protanopia

#1212BC

Deuteranopia

#1314AE

Tritanopia

#178F85

Achromatopsia

#1F1F1F

CSS Usage

background-color: #180BF4;
color: #180BF4;
border-color: #180BF4;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F2F1FD
100
#E1DFFB
200
#BEBBFC
300
#908AFA
400
#544AF7
500
#180BF4
600
#1309C3
700
#0F079C
800
#0C057A
900
#0D0958
950
#080538

Contrast Checker

Text on white

8.78:1

AA Pass AAA Pass

Text on black

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