#510A08 color preview — HEX, RGB and HSL values on Dopely

#510A08

red2% BrightnessWarm

Color Values

HEX
#510A08
RGB
rgb(81, 10, 8)
HSL
hsl(2°, 82%, 17%)
CMYK
cmyk(0%, 88%, 90%, 68%)

Color Harmonies

Complementary

510A08

084F51

Triadic

510A08

08510A

0A0851

Analogous

51082A

510A08

512F08

Monochromatic

000000

510A08

DC1B16

Similar Colors

000000

511C08

510818

AE1511

512F08

51082A

CSS Snippets

CSS Variables
--color-base: #510A08;
--color-light: #B21612;
--color-dark: #000000;
CSS Class
.element {
  color: #510A08;
  background: #EB3E3A;
  border-color: #AE1511;
}

Contrast Analysis

Sample Text — 15.03:1

The quick brown fox jumps over the lazy dog

On Black1.40:1
On White15.03:1

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

Properties

Brightness2%
Saturation82%
Hue2°
Temp
Warm
LRV
2%

Tints

Shades

Use Cases

Primary Button
Light Background
Accent Border
Dark Variant

Description

A dynamically generated red color with 2% brightness, 82% saturation, and 17% lightness.