Colore con nome · #C5BBAE
Peyote
Peyote è #C5BBAE: rgb(197 187 174), hsl(34 17% 73%), oklch(0.797 0.021 74.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Peyote color name →
#C5BBAE
oklch(0.797 0.021 74.6)
Conversioni di colore
- HEX
- #c5bbae
- RGB
- rgb(197 187 174)
- HSL
- hsl(34 17% 73%)
- HWB
- hwb(34 68% 23%)
- OKLCH
- oklch(0.797 0.021 74.6)
- OKLab
- oklab(0.797 0.006 0.021)
- CIE Lab
- lab(76.44 2 7.94)
- LCH
- lch(76.44 8.18 75.9)
- CMYK
- cmyk(0% 5% 12% 23%)
Tinte · Ombre · Toni
Tinte
- CBC2B6
- D0C8BE
- D6CFC6
- DCD6CE
- E2DDD6
- E8E3DE
- EDEAE6
- F3F1EE
- F9F8F7
Ombre
- ABA297
- 928A80
- 79736A
- 615C55
- 4B4641
- 35322E
- 211F1C
- 0E0D0B
- 020201
Toni
- BEB5A9
- B7AFA5
- B0A9A0
- A9A39B
- A29D97
- 9B9792
- 94918E
- 8D8B89
- 878685
Armonie di colore
Complementare +180°
- C5BBAE
Peyote
- B4BECB
≈ Stainless Steel
Analogo -30° +30°
- C5BBAE
Peyote
- C9B9B2
≈ Smooth Pebbles
- BEBEAE
≈ Land Before Time
Triadico +120° +240°
- C5BBAE
Peyote
- AEC1C1
≈ Sea Glass
- C2B9C6
≈ Pocketful of Posies
Complementare divisa +150° +210°
- C5BBAE
Peyote
- AFC0C7
≈ Artisan Blue
- BBBBCA
≈ Silverberry
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.89:1 · APCA Lc 36
Ag
AAASu nero
WCAG 11.09:1 · APCA Lc 66
Miglior colore del testo: #000000
WCAG 11.09:1 (AAA) · APCA Lc 66
Contrast pairs
Frammenti di codice
CSS
:root {
--peyote: #c5bbae;
--peyote-rgb: 197 187 174;
--peyote-oklch: oklch(0.797 0.021 74.6);
}
.element {
color: var(--peyote);
background-color: hsl(34 17% 73%);
border-color: oklch(0.797 0.021 74.6);
}Tailwind CSS v4
@theme {
--color-peyote: #c5bbae;
--color-peyote-50: #f9f4ef;
--color-peyote-100: #ece7e0;
--color-peyote-200: #d9d3ca;
--color-peyote-300: #beb6ac;
--color-peyote-400: #a69d91;
--color-peyote-500: #8f8477;
--color-peyote-600: #797065;
--color-peyote-700: #615a50;
--color-peyote-800: #47413a;
--color-peyote-900: #312d28;
--color-peyote-950: #1d1a16;
}SCSS
$peyote: #c5bbae;
$peyote-rgb: 197, 187, 174;
$peyote-light: mix(#fff, $peyote, 20%);
$peyote-dark: mix(#000, $peyote, 20%);
.element {
color: $peyote;
box-shadow: 0 0 0 2px rgba($peyote, 0.35);
}