Colore con nome · #AD548F
Brilliant Carmine
Brilliant Carmine è #AD548F: rgb(173 84 143), hsl(320 35% 50%), oklch(0.574 0.136 341.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Brilliant Carmine color name →
#AD548F
oklch(0.574 0.136 341.9)
Conversioni di colore
- HEX
- #ad548f
- RGB
- rgb(173 84 143)
- HSL
- hsl(320 35% 50%)
- HWB
- hwb(320 33% 32%)
- OKLCH
- oklch(0.574 0.136 341.9)
- OKLab
- oklab(0.574 0.13 -0.042)
- CIE Lab
- lab(48.66 42.51 -15.38)
- LCH
- lch(48.66 45.21 340.1)
- CMYK
- cmyk(0% 51% 17% 32%)
Tinte · Ombre · Toni
Tinte
- B6659A
- BF76A5
- C887B0
- D198BB
- D9A9C6
- E1BAD1
- E9CBDD
- F1DCE8
- F8EDF3
Ombre
- 96487C
- 7F3C69
- 6A3157
- 552645
- 411B34
- 2D1124
- 1B0815
- 0B0207
- 010001
Toni
- A9598E
- A55F8C
- A1638B
- 9D6889
- 996C88
- 947186
- 907585
- 8B7983
- 867C82
Armonie di colore
Complementare +180°
- AD548F
Brilliant Carmine
- 008F61
≈ Emerald Lake
Analogo -30° +30°
- AD548F
Brilliant Carmine
- 935EB2
≈ Lusty Lavender
- BA5163
≈ Popstar
Triadico +120° +240°
- AD548F
Brilliant Carmine
- 877A00
≈ Soft Fig
- 0086A5
≈ Caribbean Sea
Complementare divisa +150° +210°
- AD548F
Brilliant Carmine
- 598827
≈ Weeping Fig
- 008B87
≈ Greenish Blue
Tetradico +90° +180° +270°
- AD548F
Brilliant Carmine
- A46A00
≈ Komodo
- 008F61
≈ Emerald Lake
- 327BC6
≈ Heirloom Hydrangea
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.72:1 · APCA Lc 72
Ag
FailSu nero
WCAG 4.44:1 · APCA Lc 29
Miglior colore del testo: #FFFFFF
WCAG 4.72:1 (AA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--brilliant-carmine: #ad548f;
--brilliant-carmine-rgb: 173 84 143;
--brilliant-carmine-oklch: oklch(0.574 0.136 341.9);
}
.element {
color: var(--brilliant-carmine);
background-color: hsl(320 35% 50%);
border-color: oklch(0.574 0.136 341.9);
}Tailwind CSS v4
@theme {
--color-brilliant-carmine: #ad548f;
--color-brilliant-carmine-50: #ffe6ff;
--color-brilliant-carmine-100: #ffd6f3;
--color-brilliant-carmine-200: #ffbde3;
--color-brilliant-carmine-300: #e99bc9;
--color-brilliant-carmine-400: #d57cb5;
--color-brilliant-carmine-500: #c15d9f;
--color-brilliant-carmine-600: #a34f87;
--color-brilliant-carmine-700: #833f6c;
--color-brilliant-carmine-800: #602d51;
--color-brilliant-carmine-900: #441f38;
--color-brilliant-carmine-950: #2b0e23;
}SCSS
$brilliant-carmine: #ad548f;
$brilliant-carmine-rgb: 173, 84, 143;
$brilliant-carmine-light: mix(#fff, $brilliant-carmine, 20%);
$brilliant-carmine-dark: mix(#000, $brilliant-carmine, 20%);
.element {
color: $brilliant-carmine;
box-shadow: 0 0 0 2px rgba($brilliant-carmine, 0.35);
}