Couleur nommée la plus proche · #A85C46
#A85C46
Couleur nommée la plus proche: Grand Canyon
#A85C46 (rgb(168 92 70), hsl(13 41% 47%), oklch(0.559 0.105 37)) est la plus proche de la couleur nommée Grand Canyon. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#A85C46
oklch(0.559 0.105 37)
Conversions de couleur
- HEX
- #a85c46
- RGB
- rgb(168 92 70)
- HSL
- hsl(13 41% 47%)
- HWB
- hwb(13 27% 34%)
- OKLCH
- oklch(0.559 0.105 37)
- OKLab
- oklab(0.559 0.084 0.063)
- CIE Lab
- lab(47.95 30.21 26.98)
- LCH
- lch(47.95 40.5 41.8)
- CMYK
- cmyk(0% 45% 58% 34%)
Teintes · Ombres · Tons
Teintes
- B26C58
- BB7C69
- C48C7B
- CD9C8D
- D6ACA0
- DFBCB2
- E7CDC5
- EFDDD8
- F7EEEB
Ombres
- 924F3C
- 7C4232
- 673628
- 522A1E
- 3F1F15
- 2C140D
- 1A0A05
- 0A0302
- 010000
Tons
- A5604C
- A16453
- 9E6858
- 9A6C5E
- 967064
- 92736A
- 8E766F
- 8A7A75
- 857D7B
Harmonies de couleurs
Complémentaire +180°
- A85C46
Grand Canyon
- 00829A
≈ Decore Splash
Analogue -30° +30°
- A85C46
Grand Canyon
- A75869
≈ Splatter
- 9D6625
≈ Caramel Kisses
Triadique +120° +240°
- A85C46
Grand Canyon
- 34865B
≈ Exquisite Emerald
- 656DB1
≈ Mediaeval
Complémentaire divisée +150° +210°
- A85C46
Grand Canyon
- 00867E
≈ Ornamental Turquoise
- 3B79AE
≈ Viennese Blue
Tétradique +90° +180° +270°
- A85C46
Grand Canyon
- 637F36
≈ Dirty Green
- 00829A
≈ Decore Splash
- 8462A4
≈ Chive Blossom
Contraste et accessibilité
Ag
AASur blanc
WCAG 4.90:1 · APCA Lc 74
Ag
FailSur noir
WCAG 4.28:1 · APCA Lc 28
Meilleure couleur de texte: #FFFFFF
WCAG 4.90:1 (AA) · APCA Lc 74
Contrast pairs
Extraits de code
CSS
:root {
--grand-canyon: #a85c46;
--grand-canyon-rgb: 168 92 70;
--grand-canyon-oklch: oklch(0.559 0.105 37);
}
.element {
color: var(--grand-canyon);
background-color: hsl(13 41% 47%);
border-color: oklch(0.559 0.105 37);
}Tailwind CSS v4
@theme {
--color-grand-canyon: #a85c46;
--color-grand-canyon-50: #ffecdf;
--color-grand-canyon-100: #ffddce;
--color-grand-canyon-200: #fdc6b3;
--color-grand-canyon-300: #e7a590;
--color-grand-canyon-400: #d48872;
--color-grand-canyon-500: #c16b52;
--color-grand-canyon-600: #a35b46;
--color-grand-canyon-700: #834938;
--color-grand-canyon-800: #613429;
--color-grand-canyon-900: #44231b;
--color-grand-canyon-950: #2c120c;
}SCSS
$grand-canyon: #a85c46;
$grand-canyon-rgb: 168, 92, 70;
$grand-canyon-light: mix(#fff, $grand-canyon, 20%);
$grand-canyon-dark: mix(#000, $grand-canyon, 20%);
.element {
color: $grand-canyon;
box-shadow: 0 0 0 2px rgba($grand-canyon, 0.35);
}