Colore con nome · #AD747D
French Marron
French Marron è #AD747D: rgb(173 116 125), hsl(351 26% 57%), oklch(0.621 0.073 9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · French Marron color name →
#AD747D
oklch(0.621 0.073 9)
Conversioni di colore
- HEX
- #ad747d
- RGB
- rgb(173 116 125)
- HSL
- hsl(351 26% 57%)
- HWB
- hwb(351 45% 32%)
- OKLCH
- oklch(0.621 0.073 9)
- OKLab
- oklab(0.621 0.072 0.011)
- CIE Lab
- lab(55.14 24.02 4.7)
- LCH
- lch(55.14 24.47 11.1)
- CMYK
- cmyk(0% 33% 28% 32%)
Tinte · Ombre · Toni
Tinte
- B68189
- BE8F96
- C79CA2
- CFAAAF
- D7B8BC
- DFC6C9
- E7D4D6
- EFE2E4
- F7F0F1
Ombre
- 96646C
- 7F545B
- 6A454B
- 55373B
- 41292C
- 2D1B1E
- 1B0F11
- 0B0505
- 010101
Toni
- A9757D
- A5777E
- A0787E
- 9C797E
- 987B7F
- 937C7F
- 8E7D7F
- 8A7E7F
- 857F80
Armonie di colore
Complementare +180°
- AD747D
French Marron
- 4D958F
≈ Mirage Lake
Analogo -30° +30°
- AD747D
French Marron
- A47595
≈ Teen Queen
- AD7766
≈ Sawshark
Triadico +120° +240°
- AD747D
French Marron
- 798F60
≈ Old Bamboo
- 648AB1
≈ Perfect Periwinkle
Complementare divisa +150° +210°
- AD747D
French Marron
- 5F9476
≈ Skarsnik Green
- 4F91A4
≈ Aegean Sea
Tetradico +90° +180° +270°
- AD747D
French Marron
- 918753
≈ Trough Shell Brown
- 4D958F
≈ Mirage Lake
- 7D82B2
≈ Corsican Purple
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.76:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.57:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.57:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
CSS
:root {
--french-marron: #ad747d;
--french-marron-rgb: 173 116 125;
--french-marron-oklch: oklch(0.621 0.073 9);
}
.element {
color: var(--french-marron);
background-color: hsl(351 26% 57%);
border-color: oklch(0.621 0.073 9);
}Tailwind CSS v4
@theme {
--color-french-marron: #ad747d;
--color-french-marron-50: #ffedf0;
--color-french-marron-100: #ffdfe2;
--color-french-marron-200: #f2c8cc;
--color-french-marron-300: #daa9ae;
--color-french-marron-400: #c58d95;
--color-french-marron-500: #b0727c;
--color-french-marron-600: #956169;
--color-french-marron-700: #774d54;
--color-french-marron-800: #58383e;
--color-french-marron-900: #3e262b;
--color-french-marron-950: #271418;
}SCSS
$french-marron: #ad747d;
$french-marron-rgb: 173, 116, 125;
$french-marron-light: mix(#fff, $french-marron, 20%);
$french-marron-dark: mix(#000, $french-marron, 20%);
.element {
color: $french-marron;
box-shadow: 0 0 0 2px rgba($french-marron, 0.35);
}