Benannte Farbe · #7D4638
Armadillo Egg
Armadillo Egg ist #7D4638: rgb(125 70 56), hsl(12 38% 35%), oklch(0.457 0.079 35.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Armadillo Egg color name →
#7D4638
oklch(0.457 0.079 35.2)
Farbumrechnungen
- HEX
- #7d4638
- RGB
- rgb(125 70 56)
- HSL
- hsl(12 38% 35%)
- HWB
- hwb(12 22% 51%)
- OKLCH
- oklch(0.457 0.079 35.2)
- OKLab
- oklab(0.457 0.065 0.046)
- CIE Lab
- lab(36.35 23.04 19.18)
- LCH
- lch(36.35 29.98 39.8)
- CMYK
- cmyk(0% 44% 55% 51%)
Tints · Shades · Tones
Tints
- 8A574A
- 98695D
- A57B70
- B28D83
- BF9F97
- CCB2AB
- D8C5BF
- E5D8D4
- F2EBE9
Shades
- 6C3C2F
- 5B3227
- 4B281F
- 3B1E17
- 2C150F
- 1E0D08
- 110504
- 050201
- 010000
Tones
- 7E4C3F
- 7F5246
- 80584E
- 805E55
- 81645C
- 816963
- 816F6A
- 817571
- 807A79
Farbharmonien
Komplementär +180°
- 7D4638
Armadillo Egg
- 056273
≈ Green Spool
Analog -30° +30°
- 7D4638
Armadillo Egg
- 7C4351
≈ Berry Bush
- 754D22
≈ Chocolate Rain
Triadisch +120° +240°
- 7D4638
Armadillo Egg
- 2E6443
≈ Forest Serenade
- 4A5383
≈ Blue Jewel
Geteilt komplementär +150° +210°
- 7D4638
Armadillo Egg
- 04655D
≈ Arizona Stone
- 2D5B80
≈ Dark Blue
Tetradisch +90° +180° +270°
- 7D4638
Armadillo Egg
- 4D5F2B
≈ Obscure Olive
- 056273
≈ Green Spool
- 624B7B
≈ Royal Robe
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.48:1 · APCA Lc 86
Ag
FailAuf Schwarz
WCAG 2.80:1 · APCA Lc 16
Beste Textfarbe: #FFFFFF
WCAG 7.48:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--armadillo-egg: #7d4638;
--armadillo-egg-rgb: 125 70 56;
--armadillo-egg-oklch: oklch(0.457 0.079 35.2);
}
.element {
color: var(--armadillo-egg);
background-color: hsl(12 38% 35%);
border-color: oklch(0.457 0.079 35.2);
}Tailwind CSS v4
@theme {
--color-armadillo-egg: #7d4638;
--color-armadillo-egg-50: #ffeee5;
--color-armadillo-egg-100: #ffdfd5;
--color-armadillo-egg-200: #f4c9bd;
--color-armadillo-egg-300: #dcaa9b;
--color-armadillo-egg-400: #c88e7f;
--color-armadillo-egg-500: #b47362;
--color-armadillo-egg-600: #986153;
--color-armadillo-egg-700: #7a4e42;
--color-armadillo-egg-800: #5b3830;
--color-armadillo-egg-900: #3f2621;
--color-armadillo-egg-950: #281510;
}SCSS
$armadillo-egg: #7d4638;
$armadillo-egg-rgb: 125, 70, 56;
$armadillo-egg-light: mix(#fff, $armadillo-egg, 20%);
$armadillo-egg-dark: mix(#000, $armadillo-egg, 20%);
.element {
color: $armadillo-egg;
box-shadow: 0 0 0 2px rgba($armadillo-egg, 0.35);
}