Colore con nome · #B5A597
Utterly Beige
Utterly Beige è #B5A597: rgb(181 165 151), hsl(28 17% 65%), oklch(0.732 0.027 63.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Utterly Beige color name →
#B5A597
oklch(0.732 0.027 63.6)
Conversioni di colore
- HEX
- #b5a597
- RGB
- rgb(181 165 151)
- HSL
- hsl(28 17% 65%)
- HWB
- hwb(28 59% 29%)
- OKLCH
- oklch(0.732 0.027 63.6)
- OKLab
- oklab(0.732 0.012 0.024)
- CIE Lab
- lab(68.85 4.27 9.5)
- LCH
- lch(68.85 10.42 65.8)
- CMYK
- cmyk(0% 9% 17% 29%)
Tinte · Ombre · Toni
Tinte
- BCAEA1
- C4B6AB
- CBBFB5
- D2C8C0
- DAD1CA
- E1DAD4
- E8E3DF
- F0ECEA
- F7F6F4
Ombre
- 9D8F83
- 86796F
- 6F655C
- 595149
- 443D37
- 302B26
- 1D1A17
- 0C0A08
- 020101
Toni
- B0A195
- AA9D92
- A59A90
- 9F968E
- 9A928C
- 958F89
- 908B87
- 8A8785
- 858482
Armonie di colore
Complementare +180°
- B5A597
Utterly Beige
- 9AABB8
≈ Wave Goodbye
Analogo -30° +30°
- B5A597
Utterly Beige
- B9A39D
≈ Cocoa Craving
- AEA895
≈ Linseed
Triadico +120° +240°
- B5A597
Utterly Beige
- 96AEAA
≈ Grey Mist
- ACA4B7
≈ Obi Lilac
Complementare divisa +150° +210°
- B5A597
Utterly Beige
- 96ADB3
≈ Bucolic Blue
- A2A7BA
≈ Curated Lilac
Tetradico +90° +180° +270°
- B5A597
Utterly Beige
- 9CAEA0
≈ Wormwood Green
- 9AABB8
≈ Wave Goodbye
- B3A2AF
≈ Midsummer Twilight
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.38:1 · APCA Lc 47
Ag
AAASu nero
WCAG 8.79:1 · APCA Lc 55
Miglior colore del testo: #000000
WCAG 8.79:1 (AAA) · APCA Lc 55
Contrast pairs
Frammenti di codice
CSS
:root {
--utterly-beige: #b5a597;
--utterly-beige-rgb: 181 165 151;
--utterly-beige-oklch: oklch(0.732 0.027 63.6);
}
.element {
color: var(--utterly-beige);
background-color: hsl(28 17% 65%);
border-color: oklch(0.732 0.027 63.6);
}Tailwind CSS v4
@theme {
--color-utterly-beige: #b5a597;
--color-utterly-beige-50: #fbf4ed;
--color-utterly-beige-100: #eee6df;
--color-utterly-beige-200: #ddd2c8;
--color-utterly-beige-300: #c1b5a9;
--color-utterly-beige-400: #aa9b8e;
--color-utterly-beige-500: #948374;
--color-utterly-beige-600: #7d6f62;
--color-utterly-beige-700: #64584e;
--color-utterly-beige-800: #4a4039;
--color-utterly-beige-900: #332c27;
--color-utterly-beige-950: #1f1915;
}SCSS
$utterly-beige: #b5a597;
$utterly-beige-rgb: 181, 165, 151;
$utterly-beige-light: mix(#fff, $utterly-beige, 20%);
$utterly-beige-dark: mix(#000, $utterly-beige, 20%);
.element {
color: $utterly-beige;
box-shadow: 0 0 0 2px rgba($utterly-beige, 0.35);
}