Colore con nome · #C28996
Desert Bud
Desert Bud è #C28996: rgb(194 137 150), hsl(346 32% 65%), oklch(0.69 0.072 4.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Desert Bud color name →
#C28996
oklch(0.69 0.072 4.1)
Conversioni di colore
- HEX
- #c28996
- RGB
- rgb(194 137 150)
- HSL
- hsl(346 32% 65%)
- HWB
- hwb(346 54% 24%)
- OKLCH
- oklch(0.69 0.072 4.1)
- OKLab
- oklab(0.69 0.071 0.005)
- CIE Lab
- lab(63.17 23.81 2.24)
- LCH
- lch(63.17 23.91 5.4)
- CMYK
- cmyk(0% 29% 23% 24%)
Tinte · Ombre · Toni
Tinte
- C994A0
- CFA0AA
- D5ACB4
- DCB7BF
- E2C3C9
- E8CFD4
- EEDBDE
- F4E7E9
- F9F3F4
Ombre
- A87682
- 8F646E
- 77535B
- 604249
- 493137
- 342226
- 201416
- 0E0708
- 020101
Toni
- BC8894
- B58892
- AF878F
- A8868D
- A2858B
- 9B8489
- 948387
- 8E8284
- 878182
Armonie di colore
Complementare +180°
- C28996
Desert Bud
- 65AAA0
≈ Dragon Bay
Analogo -30° +30°
- C28996
Desert Bud
- B78BAE
≈ Purple Lepidolite
- C38C7E
≈ Burnished Apricot
Triadico +120° +240°
- C28996
Desert Bud
- 92A372
≈ Ivy Enchantment
- 75A1C5
≈ Key West Zenith
Complementare divisa +150° +210°
- C28996
Desert Bud
- 78A987
≈ Green Globe
- 64A7B7
≈ Pacific Palisade
Tetradico +90° +180° +270°
- C28996
Desert Bud
- AA9B68
≈ Wistman’s Wood
- 65AAA0
≈ Dragon Bay
- 8D99C8
≈ Easter Egg
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.87:1 · APCA Lc 55
Ag
AAASu nero
WCAG 7.31:1 · APCA Lc 47
Miglior colore del testo: #000000
WCAG 7.31:1 (AAA) · APCA Lc 47
Contrast pairs
Frammenti di codice
CSS
:root {
--desert-bud: #c28996;
--desert-bud-rgb: 194 137 150;
--desert-bud-oklch: oklch(0.69 0.072 4.1);
}
.element {
color: var(--desert-bud);
background-color: hsl(346 32% 65%);
border-color: oklch(0.69 0.072 4.1);
}Tailwind CSS v4
@theme {
--color-desert-bud: #c28996;
--color-desert-bud-50: #ffedf2;
--color-desert-bud-100: #fedfe4;
--color-desert-bud-200: #f0c8cf;
--color-desert-bud-300: #d9a9b2;
--color-desert-bud-400: #c48d99;
--color-desert-bud-500: #af7280;
--color-desert-bud-600: #94616d;
--color-desert-bud-700: #764d57;
--color-desert-bud-800: #573840;
--color-desert-bud-900: #3d262c;
--color-desert-bud-950: #261419;
}SCSS
$desert-bud: #c28996;
$desert-bud-rgb: 194, 137, 150;
$desert-bud-light: mix(#fff, $desert-bud, 20%);
$desert-bud-dark: mix(#000, $desert-bud, 20%);
.element {
color: $desert-bud;
box-shadow: 0 0 0 2px rgba($desert-bud, 0.35);
}