#180DBF

#180DBF

Color Values

HEX

#180DBF

RGB

24, 13, 191

HSL

243.7, 87.3%, 40.0%

HSV

243.7, 93.2%, 74.9%

CMYK

87.4%, 93.2%, 0.0%, 25.1%

OKLCH

0.3763 0.2433 267.7

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#180DBF

#B4BF0D

Analogous

#0D5BBF

#710DBF

#180DBF

Triadic

#180DBF

#BF180D

#0DBF18

Split Complementary

#180DBF

#BF710D

#5BBF0D

Tetradic

#180DBF

#BF0D5B

#B4BF0D

#0DBF71

Color Blindness Simulation

Original

#180DBF

Protanopia

#131394

Deuteranopia

#14158A

Tritanopia

#17726A

Achromatopsia

#1C1C1C

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E2E0FA
200
#C0BCFA
300
#938CF7
400
#584EF3
500
#1E10EF
600
#180DBF
700
#130A99
800
#0F0877
900
#0F0A57
950
#0A0737

Contrast Checker

Text on white

11.36:1

AA Pass AAA Pass

Text on black

1.85:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026