Cor nomeada · #AD747D
French Marron
French Marron é #AD747D: rgb(173 116 125), hsl(351 26% 57%), oklch(0.621 0.073 9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · French Marron color name →
#AD747D
oklch(0.621 0.073 9)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- B68189
- BE8F96
- C79CA2
- CFAAAF
- D7B8BC
- DFC6C9
- E7D4D6
- EFE2E4
- F7F0F1
Sombras
- 96646C
- 7F545B
- 6A454B
- 55373B
- 41292C
- 2D1B1E
- 1B0F11
- 0B0505
- 010101
Tons
- A9757D
- A5777E
- A0787E
- 9C797E
- 987B7F
- 937C7F
- 8E7D7F
- 8A7E7F
- 857F80
Harmonias de cor
Complementar +180°
- AD747D
French Marron
- 4D958F
≈ Mirage Lake
Análoga -30° +30°
- AD747D
French Marron
- A47595
≈ Teen Queen
- AD7766
≈ Sawshark
Tríade +120° +240°
- AD747D
French Marron
- 798F60
≈ Old Bamboo
- 648AB1
≈ Perfect Periwinkle
Complementar dividida +150° +210°
- AD747D
French Marron
- 5F9476
≈ Skarsnik Green
- 4F91A4
≈ Aegean Sea
Tétrade +90° +180° +270°
- AD747D
French Marron
- 918753
≈ Trough Shell Brown
- 4D958F
≈ Mirage Lake
- 7D82B2
≈ Corsican Purple
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.76:1 · APCA Lc 65
Ag
AASobre preto
WCAG 5.57:1 · APCA Lc 37
Melhor cor de texto: #000000
WCAG 5.57:1 (AA) · APCA Lc 37
Contrast pairs
Trechos de código
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);
}