Colore con nome · #B24E76
Diva Glam
Diva Glam è #B24E76: rgb(178 78 118), hsl(336 39% 50%), oklch(0.563 0.137 357.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Diva Glam color name →
#B24E76
oklch(0.563 0.137 357.3)
Conversioni di colore
- HEX
- #b24e76
- RGB
- rgb(178 78 118)
- HSL
- hsl(336 39% 50%)
- HWB
- hwb(336 31% 30%)
- OKLCH
- oklch(0.563 0.137 357.3)
- OKLab
- oklab(0.563 0.137 -0.006)
- CIE Lab
- lab(47.58 44.52 -1.88)
- LCH
- lch(47.58 44.56 357.6)
- CMYK
- cmyk(0% 56% 34% 30%)
Tinte · Ombre · Toni
Tinte
- BB6083
- C47290
- CD839D
- D595AA
- DDA6B8
- E4B8C6
- ECC9D4
- F2DBE2
- F9EDF0
Ombre
- 9A4366
- 833856
- 6D2D47
- 572338
- 431929
- 2F0F1C
- 1D070F
- 0C0205
- 010001
Toni
- AE5477
- AA5A78
- A66079
- A1657A
- 9C6A7B
- 976F7C
- 92737D
- 8C787E
- 867C7F
Armonie di colore
Complementare +180°
- B24E76
Diva Glam
- 008975
≈ Emerald Enchantment
Analogo -30° +30°
- B24E76
Diva Glam
- 9F559E
≈ Heath Spotted Orchid
- B85047
≈ Amaryllis
Triadico +120° +240°
- B24E76
Diva Glam
- 707E00
≈ Flag Green
- 007EB4
≈ Artesian Water
Complementare divisa +150° +210°
- B24E76
Diva Glam
- 308A43
≈ Turf Green
- 008592
≈ Painted Sea
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.94:1 · APCA Lc 74
Ag
FailSu nero
WCAG 4.24:1 · APCA Lc 28
Miglior colore del testo: #FFFFFF
WCAG 4.94:1 (AA) · APCA Lc 74
Contrast pairs
Frammenti di codice
CSS
:root {
--diva-glam: #b24e76;
--diva-glam-rgb: 178 78 118;
--diva-glam-oklch: oklch(0.563 0.137 357.3);
}
.element {
color: var(--diva-glam);
background-color: hsl(336 39% 50%);
border-color: oklch(0.563 0.137 357.3);
}Tailwind CSS v4
@theme {
--color-diva-glam: #b24e76;
--color-diva-glam-50: #ffe6f4;
--color-diva-glam-100: #ffd6e6;
--color-diva-glam-200: #ffbcd2;
--color-diva-glam-300: #f199b5;
--color-diva-glam-400: #de7a9f;
--color-diva-glam-500: #ca5a87;
--color-diva-glam-600: #ab4d72;
--color-diva-glam-700: #893d5b;
--color-diva-glam-800: #662c44;
--color-diva-glam-900: #481d2f;
--color-diva-glam-950: #2e0d1c;
}SCSS
$diva-glam: #b24e76;
$diva-glam-rgb: 178, 78, 118;
$diva-glam-light: mix(#fff, $diva-glam, 20%);
$diva-glam-dark: mix(#000, $diva-glam, 20%);
.element {
color: $diva-glam;
box-shadow: 0 0 0 2px rgba($diva-glam, 0.35);
}