#270348

#270348

Color Values

HEX

#270348

RGB

39, 3, 72

HSL

271.3, 92.0%, 14.7%

HSV

271.3, 95.8%, 28.2%

CMYK

45.8%, 95.8%, 0.0%, 71.8%

OKLCH

0.2281 0.1147 300.8

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#270348

#244803

Analogous

#040348

#480346

#270348

Triadic

#270348

#482703

#034827

Split Complementary

#270348

#464803

#034804

Tetradic

#270348

#480403

#244803

#034648

Color Blindness Simulation

Original

#270348

Protanopia

#171737

Deuteranopia

#1A1C33

Tritanopia

#252A27

Achromatopsia

#101010

CSS Usage

background-color: #270348;
color: #270348;
border-color: #270348;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F8F1FD
100
#EEDFFB
200
#DDBAFC
300
#C489FA
400
#A44AF7
500
#850AF5
600
#6A08C4
700
#55079D
800
#42057A
900
#320859
950
#200538

Contrast Checker

Text on white

17.6:1

AA Pass AAA Pass

Text on black

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