Colore con nome · #C7AC7D
Toupe
Toupe è #C7AC7D: rgb(199 172 125), hsl(38 40% 64%), oklch(0.757 0.07 81.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Toupe color name →
#C7AC7D
oklch(0.757 0.07 81.1)
Conversioni di colore
- HEX
- #c7ac7d
- RGB
- rgb(199 172 125)
- HSL
- hsl(38 40% 64%)
- HWB
- hwb(38 49% 22%)
- OKLCH
- oklch(0.757 0.07 81.1)
- OKLab
- oklab(0.757 0.011 0.069)
- CIE Lab
- lab(71.91 5.22 28.03)
- LCH
- lch(71.91 28.51 79.5)
- CMYK
- cmyk(0% 14% 37% 22%)
Tinte · Ombre · Toni
Tinte
- CDB48A
- D2BC97
- D8C5A4
- DDCDB1
- E3D5BE
- E9DDCB
- EEE6D8
- F4EEE5
- F9F7F2
Ombre
- AD956C
- 937F5B
- 7A694B
- 62543B
- 4C402C
- 362D1E
- 211B11
- 0E0B05
- 020101
Toni
- C0A87E
- B8A37E
- B19F7F
- AA9A7F
- A39680
- 9C9280
- 958D80
- 8E8980
- 878480
Armonie di colore
Complementare +180°
- C7AC7D
Toupe
- 97B1DD
≈ Blue Skies Today
Analogo -30° +30°
- C7AC7D
Toupe
- D5A488
≈ Yolande
- B1B581
≈ Fancy Flirt
Triadico +120° +240°
- C7AC7D
Toupe
- 79BEC2
≈ Pure Turquoise
- C5A2CB
≈ Stormy Sunrise
Complementare divisa +150° +210°
- C7AC7D
Toupe
- 82B9D5
≈ Petit Four
- B0A9DA
≈ Grape Illusion
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.18:1 · APCA Lc 43
Ag
AAASu nero
WCAG 9.62:1 · APCA Lc 59
Miglior colore del testo: #000000
WCAG 9.62:1 (AAA) · APCA Lc 59
Contrast pairs
Frammenti di codice
CSS
:root {
--toupe: #c7ac7d;
--toupe-rgb: 199 172 125;
--toupe-oklch: oklch(0.757 0.07 81.1);
}
.element {
color: var(--toupe);
background-color: hsl(38 40% 64%);
border-color: oklch(0.757 0.07 81.1);
}Tailwind CSS v4
@theme {
--color-toupe: #c7ac7d;
--color-toupe-50: #fff4df;
--color-toupe-100: #f3e6ce;
--color-toupe-200: #e3d2b3;
--color-toupe-300: #c9b58f;
--color-toupe-400: #b49b6f;
--color-toupe-500: #9e814e;
--color-toupe-600: #866e43;
--color-toupe-700: #6b5835;
--color-toupe-800: #4f4026;
--color-toupe-900: #372c19;
--color-toupe-950: #22190a;
}SCSS
$toupe: #c7ac7d;
$toupe-rgb: 199, 172, 125;
$toupe-light: mix(#fff, $toupe, 20%);
$toupe-dark: mix(#000, $toupe, 20%);
.element {
color: $toupe;
box-shadow: 0 0 0 2px rgba($toupe, 0.35);
}