Colore con nome · #A07569
Equestrienne
Equestrienne è #A07569: rgb(160 117 105), hsl(13 22% 52%), oklch(0.602 0.058 36.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Equestrienne color name →
#A07569
oklch(0.602 0.058 36.2)
Conversioni di colore
- HEX
- #a07569
- RGB
- rgb(160 117 105)
- HSL
- hsl(13 22% 52%)
- HWB
- hwb(13 41% 37%)
- OKLCH
- oklch(0.602 0.058 36.2)
- OKLab
- oklab(0.602 0.046 0.034)
- CIE Lab
- lab(53.42 16.18 13.63)
- LCH
- lch(53.42 21.15 40.1)
- CMYK
- cmyk(0% 27% 34% 37%)
Tinte · Ombre · Toni
Tinte
- AA8277
- B38F85
- BD9D94
- C6AAA3
- D0B8B1
- D9C6C1
- E3D4D0
- ECE2DF
- F6F1EF
Ombre
- 8B655A
- 76554C
- 61463E
- 4E3731
- 3B2924
- 291C18
- 190F0C
- 090504
- 010100
Toni
- 9D766B
- 9A776E
- 977970
- 947A72
- 917B75
- 8E7C77
- 8A7D79
- 877E7C
- 837F7E
Armonie di colore
Complementare +180°
- A07569
Equestrienne
- 578A97
≈ Stratford Blue
Analogo -30° +30°
- A07569
Equestrienne
- 9F737B
≈ Nostalgia Rose
- 997A5C
≈ Beige Intuition
Triadico +120° +240°
- A07569
Equestrienne
- 658C73
≈ Juniper Oil
- 777EA4
≈ Lavender Violet
Complementare divisa +150° +210°
- A07569
Equestrienne
- 578C86
≈ Sea Garden
- 6485A2
≈ Moody Indigo
Tetradico +90° +180° +270°
- A07569
Equestrienne
- 788762
≈ Green Relict
- 578A97
≈ Stratford Blue
- 89789D
≈ Relic
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.00:1 · APCA Lc 67
Ag
AASu nero
WCAG 5.24:1 · APCA Lc 34
Miglior colore del testo: #000000
WCAG 5.24:1 (AA) · APCA Lc 34
Contrast pairs
Frammenti di codice
CSS
:root {
--equestrienne: #a07569;
--equestrienne-rgb: 160 117 105;
--equestrienne-oklch: oklch(0.602 0.058 36.2);
}
.element {
color: var(--equestrienne);
background-color: hsl(13 22% 52%);
border-color: oklch(0.602 0.058 36.2);
}Tailwind CSS v4
@theme {
--color-equestrienne: #a07569;
--color-equestrienne-50: #fff0e9;
--color-equestrienne-100: #fae2da;
--color-equestrienne-200: #ebccc3;
--color-equestrienne-300: #d3aea2;
--color-equestrienne-400: #be9387;
--color-equestrienne-500: #a8796c;
--color-equestrienne-600: #8e665b;
--color-equestrienne-700: #725249;
--color-equestrienne-800: #543b35;
--color-equestrienne-900: #3b2924;
--color-equestrienne-950: #251613;
}SCSS
$equestrienne: #a07569;
$equestrienne-rgb: 160, 117, 105;
$equestrienne-light: mix(#fff, $equestrienne, 20%);
$equestrienne-dark: mix(#000, $equestrienne, 20%);
.element {
color: $equestrienne;
box-shadow: 0 0 0 2px rgba($equestrienne, 0.35);
}