Benannte Farbe · #C93413
Harley Davidson Orange
Harley Davidson Orange ist #C93413: rgb(201 52 19), hsl(11 83% 43%), oklch(0.552 0.19 33.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Harley Davidson Orange color name →
#C93413
oklch(0.552 0.19 33.4)
Farbumrechnungen
- HEX
- #c93413
- RGB
- rgb(201 52 19)
- HSL
- hsl(11 83% 43%)
- HWB
- hwb(11 7% 21%)
- OKLCH
- oklch(0.552 0.19 33.4)
- OKLab
- oklab(0.552 0.159 0.105)
- CIE Lab
- lab(46.31 58.08 53.56)
- LCH
- lch(46.31 79.01 42.7)
- CMYK
- cmyk(0% 74% 91% 21%)
Tints · Shades · Tones
Tints
- D14E33
- D9644C
- E07962
- E78D79
- ECA08F
- F1B3A5
- F6C6BB
- FAD9D1
- FDECE8
Shades
- AE2C0F
- 95240B
- 7C1C07
- 641505
- 4C0E03
- 360701
- 220301
- 0F0100
- 020000
Tones
- C34126
- BD4B34
- B7543F
- B15C4A
- AA6354
- A36A5D
- 9B7066
- 93766F
- 8A7B77
Farbharmonien
Komplementär +180°
- C93413
Harley Davidson Orange
- 008094
≈ Craftsman Blue
Analog -30° +30°
- C93413
Harley Davidson Orange
- C52D67
≈ Sensitive Scorpion
- A45F00
≈ Raw Umber
Triadisch +120° +240°
- C93413
Harley Davidson Orange
- 008949
≈ Real Turquoise
- 5261DF
≈ Arcane Brew
Geteilt komplementär +150° +210°
- C93413
Harley Davidson Orange
- 008478
≈ Egyptian Green
- 0078BA
≈ Bumangués Blue
Tetradisch +90° +180° +270°
- C93413
Harley Davidson Orange
- 637E00
≈ Birch Leaf Green
- 008094
≈ Craftsman Blue
- 8A4CCB
≈ Morado Purple
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.27:1 · APCA Lc 75
Ag
FailAuf Schwarz
WCAG 3.98:1 · APCA Lc 27
Beste Textfarbe: #FFFFFF
WCAG 5.27:1 (AA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--harley-davidson-orange: #c93413;
--harley-davidson-orange-rgb: 201 52 19;
--harley-davidson-orange-oklch: oklch(0.552 0.19 33.4);
}
.element {
color: var(--harley-davidson-orange);
background-color: hsl(11 83% 43%);
border-color: oklch(0.552 0.19 33.4);
}Tailwind CSS v4
@theme {
--color-harley-davidson-orange: #c93413;
--color-harley-davidson-orange-50: #ffe3d0;
--color-harley-davidson-orange-100: #ffd2bd;
--color-harley-davidson-orange-200: #ffb69c;
--color-harley-davidson-orange-300: #ff9172;
--color-harley-davidson-orange-400: #fa6b4e;
--color-harley-davidson-orange-500: #e9411d;
--color-harley-davidson-orange-600: #c5391c;
--color-harley-davidson-orange-700: #9e2e16;
--color-harley-davidson-orange-800: #761f12;
--color-harley-davidson-orange-900: #54150b;
--color-harley-davidson-orange-950: #380501;
}SCSS
$harley-davidson-orange: #c93413;
$harley-davidson-orange-rgb: 201, 52, 19;
$harley-davidson-orange-light: mix(#fff, $harley-davidson-orange, 20%);
$harley-davidson-orange-dark: mix(#000, $harley-davidson-orange, 20%);
.element {
color: $harley-davidson-orange;
box-shadow: 0 0 0 2px rgba($harley-davidson-orange, 0.35);
}