Nazwany kolor · #7D4638
Armadillo Egg
Armadillo Egg to #7D4638: rgb(125 70 56), hsl(12 38% 35%), oklch(0.457 0.079 35.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Armadillo Egg color name →
#7D4638
oklch(0.457 0.079 35.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8A574A
- 98695D
- A57B70
- B28D83
- BF9F97
- CCB2AB
- D8C5BF
- E5D8D4
- F2EBE9
Odcienie ciemniejsze
- 6C3C2F
- 5B3227
- 4B281F
- 3B1E17
- 2C150F
- 1E0D08
- 110504
- 050201
- 010000
Tony
- 7E4C3F
- 7F5246
- 80584E
- 805E55
- 81645C
- 816963
- 816F6A
- 817571
- 807A79
Harmonie kolorów
Komplementarna +180°
- 7D4638
Armadillo Egg
- 056273
≈ Green Spool
Analogowa -30° +30°
- 7D4638
Armadillo Egg
- 7C4351
≈ Berry Bush
- 754D22
≈ Chocolate Rain
Triada +120° +240°
- 7D4638
Armadillo Egg
- 2E6443
≈ Forest Serenade
- 4A5383
≈ Blue Jewel
Komplementarna rozszczepiona +150° +210°
- 7D4638
Armadillo Egg
- 04655D
≈ Arizona Stone
- 2D5B80
≈ Dark Blue
Tetrada +90° +180° +270°
- 7D4638
Armadillo Egg
- 4D5F2B
≈ Obscure Olive
- 056273
≈ Green Spool
- 624B7B
≈ Royal Robe
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.48:1 · APCA Lc 86
Ag
FailNa czerni
WCAG 2.80:1 · APCA Lc 16
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.48:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
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);
}