#30163F

#30163F

Color Values

HEX

#30163F

RGB

48, 22, 63

HSL

278.0, 48.2%, 16.7%

HSV

278.0, 65.1%, 24.7%

CMYK

23.8%, 65.1%, 0.0%, 75.3%

OKLCH

0.2592 0.0787 311.4

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#30163F

#253F16

Analogous

#1C163F

#3F163A

#30163F

Triadic

#30163F

#3F3016

#163F30

Split Complementary

#30163F

#3A3F16

#163F1C

Tetradic

#30163F

#3F1C16

#253F16

#163A3F

Color Blindness Simulation

Original

#30163F

Protanopia

#252535

Deuteranopia

#262833

Tritanopia

#2F2D2C

Achromatopsia

#1E1E1E

CSS Usage

background-color: #30163F;
color: #30163F;
border-color: #30163F;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F8F4FA
100
#EFE6F4
200
#E0CAED
300
#CAA4DF
400
#AD73CE
500
#9042BD
600
#733597
700
#5C2A79
800
#48215E
900
#361B45
950
#22112C

Contrast Checker

Text on white

16.0:1

AA Pass AAA Pass

Text on black

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