Benannte Farbe · #A80E00
Natural Leather
Natural Leather ist #A80E00: rgb(168 14 0), hsl(5 100% 33%), oklch(0.464 0.184 30.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Natural Leather color name →
#A80E00
oklch(0.464 0.184 30.4)
Farbumrechnungen
- HEX
- #a80e00
- RGB
- rgb(168 14 0)
- HSL
- hsl(5 100% 33%)
- HWB
- hwb(5 0% 34%)
- OKLCH
- oklch(0.464 0.184 30.4)
- OKLab
- oklab(0.464 0.159 0.093)
- CIE Lab
- lab(36.04 57.4 51.04)
- LCH
- lch(36.04 76.81 41.6)
- CMYK
- cmyk(0% 92% 100% 34%)
Tints · Shades · Tones
Tints
- B43526
- BF4F3F
- C96657
- D37D6E
- DC9286
- E5A89D
- ECBEB5
- F3D3CD
- F9E9E6
Shades
- 920B00
- 7C0700
- 670500
- 520300
- 3F0200
- 2C0100
- 1A0000
- 0A0000
- 010000
Tones
- A62719
- A43628
- A14235
- 9E4D40
- 9A574C
- 966056
- 926861
- 8D706B
- 877876
Farbharmonien
Komplementär +180°
- A80E00
Natural Leather
- 006572
≈ Green Spool
Analog -30° +30°
- A80E00
Natural Leather
- A20754
≈ Violet Red
- 844800
≈ Dried Mustard
Triadisch +120° +240°
- A80E00
Natural Leather
- 006C30
≈ Ireland Green
- 3649BE
≈ Kikorangi Blue
Geteilt komplementär +150° +210°
- A80E00
Natural Leather
- 00685B
≈ Bella Vista
- 005F8F
≈ Felix
Tetradisch +90° +180° +270°
- A80E00
Natural Leather
- 516200
≈ Camouflage Green
- 006572
≈ Green Spool
- 6C34AE
≈ Purple Pristine
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.69:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.72:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.69:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--natural-leather: #a80e00;
--natural-leather-rgb: 168 14 0;
--natural-leather-oklch: oklch(0.464 0.184 30.4);
}
.element {
color: var(--natural-leather);
background-color: hsl(5 100% 33%);
border-color: oklch(0.464 0.184 30.4);
}Tailwind CSS v4
@theme {
--color-natural-leather: #a80e00;
--color-natural-leather-50: #ffe3d4;
--color-natural-leather-100: #ffd2c1;
--color-natural-leather-200: #ffb7a2;
--color-natural-leather-300: #ff917a;
--color-natural-leather-400: #f86d58;
--color-natural-leather-500: #e64430;
--color-natural-leather-600: #c33b2b;
--color-natural-leather-700: #9d2f22;
--color-natural-leather-800: #75201a;
--color-natural-leather-900: #531511;
--color-natural-leather-950: #370504;
}SCSS
$natural-leather: #a80e00;
$natural-leather-rgb: 168, 14, 0;
$natural-leather-light: mix(#fff, $natural-leather, 20%);
$natural-leather-dark: mix(#000, $natural-leather, 20%);
.element {
color: $natural-leather;
box-shadow: 0 0 0 2px rgba($natural-leather, 0.35);
}