#18004D color preview — HEX, RGB and HSL values on Dopely

#18004D

purple1% BrightnessWarm

Color Values

HEX
#18004D
RGB
rgb(24, 0, 77)
HSL
hsl(259°, 100%, 15%)
CMYK
cmyk(69%, 100%, 0%, 70%)

Color Harmonies

Complementary

18004D

354D00

Triadic

18004D

4D1800

004D18

Analogous

000F4D

18004D

3E004D

Monochromatic

000000

18004D

4800E6

Similar Colors

000000

2B004D

05004D

3800B3

3E004D

000F4D

CSS Snippets

CSS Variables
--color-base: #18004D;
--color-light: #3900B8;
--color-dark: #000000;
CSS Class
.element {
  color: #18004D;
  background: #611AFF;
  border-color: #3800B3;
}

Contrast Analysis

Sample Text — 18.32:1

The quick brown fox jumps over the lazy dog

On Black1.15:1
On White18.32:1

WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1

Properties

Brightness1%
Saturation100%
Hue259°
Temp
Warm
LRV
1%

Tints

Shades

Use Cases

Primary Button
Light Background
Accent Border
Dark Variant

Description

A dynamically generated purple color with 1% brightness, 100% saturation, and 15% lightness.