Colore con nome · #B59A9C
Twilight Blush
Twilight Blush è #B59A9C: rgb(181 154 156), hsl(356 15% 66%), oklch(0.711 0.032 12.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Twilight Blush color name →
#B59A9C
oklch(0.711 0.032 12.9)
Conversioni di colore
- HEX
- #b59a9c
- RGB
- rgb(181 154 156)
- HSL
- hsl(356 15% 66%)
- HWB
- hwb(356 60% 29%)
- OKLCH
- oklch(0.711 0.032 12.9)
- OKLab
- oklab(0.711 0.031 0.007)
- CIE Lab
- lab(66.11 10.57 2.86)
- LCH
- lch(66.11 10.95 15.1)
- CMYK
- cmyk(0% 15% 14% 29%)
Tinte · Ombre · Toni
Tinte
- BCA4A5
- C4AEAF
- CBB7B9
- D2C1C3
- DACBCC
- E1D6D6
- E9E0E0
- F0EAEB
- F8F5F5
Ombre
- 9D8587
- 867173
- 6F5E5F
- 594B4C
- 443939
- 302728
- 1D1718
- 0C0909
- 020101
Toni
- B09799
- AA9596
- A59294
- A09091
- 9A8D8E
- 958A8B
- 908888
- 8B8586
- 858383
Armonie di colore
Complementare +180°
- B59A9C
Twilight Blush
- 8BA9A7
≈ Harbour Mist
Analogo -30° +30°
- B59A9C
Twilight Blush
- B19AA7
≈ On the Nile
- B49C92
≈ Iris Mauve
Triadico +120° +240°
- B59A9C
Twilight Blush
- 9AA692
≈ Coronado Moss
- 94A3B6
≈ Blue Blouse
Complementare divisa +150° +210°
- B59A9C
Twilight Blush
- 90A89C
≈ Green Meets Blue
- 8DA7B1
≈ Stone Silver
Tetradico +90° +180° +270°
- B59A9C
Twilight Blush
- A5A38C
≈ Cement
- 8BA9A7
≈ Harbour Mist
- 9EA0B6
≈ Wild Thistle
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.60:1 · APCA Lc 51
Ag
AAASu nero
WCAG 8.06:1 · APCA Lc 51
Miglior colore del testo: #000000
WCAG 8.06:1 (AAA) · APCA Lc 51
Contrast pairs
Frammenti di codice
CSS
:root {
--twilight-blush: #b59a9c;
--twilight-blush-rgb: 181 154 156;
--twilight-blush-oklch: oklch(0.711 0.032 12.9);
}
.element {
color: var(--twilight-blush);
background-color: hsl(356 15% 66%);
border-color: oklch(0.711 0.032 12.9);
}Tailwind CSS v4
@theme {
--color-twilight-blush: #b59a9c;
--color-twilight-blush-50: #fef2f2;
--color-twilight-blush-100: #f2e4e4;
--color-twilight-blush-200: #e2cfd0;
--color-twilight-blush-300: #c7b1b2;
--color-twilight-blush-400: #b19799;
--color-twilight-blush-500: #9a7e80;
--color-twilight-blush-600: #826b6c;
--color-twilight-blush-700: #695557;
--color-twilight-blush-800: #4d3e40;
--color-twilight-blush-900: #352b2c;
--color-twilight-blush-950: #211819;
}SCSS
$twilight-blush: #b59a9c;
$twilight-blush-rgb: 181, 154, 156;
$twilight-blush-light: mix(#fff, $twilight-blush, 20%);
$twilight-blush-dark: mix(#000, $twilight-blush, 20%);
.element {
color: $twilight-blush;
box-shadow: 0 0 0 2px rgba($twilight-blush, 0.35);
}