Colore con nome · #724C7B
Cabbage Blossom Violet
Cabbage Blossom Violet è #724C7B: rgb(114 76 123), hsl(289 24% 39%), oklch(0.477 0.086 319.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Cabbage Blossom Violet color name →
#724C7B
oklch(0.477 0.086 319.8)
Conversioni di colore
- HEX
- #724c7b
- RGB
- rgb(114 76 123)
- HSL
- hsl(289 24% 39%)
- HWB
- hwb(289 30% 52%)
- OKLCH
- oklch(0.477 0.086 319.8)
- OKLab
- oklab(0.477 0.066 -0.056)
- CIE Lab
- lab(38.07 23.04 -20.28)
- LCH
- lch(38.07 30.69 318.6)
- CMYK
- cmyk(7% 38% 0% 52%)
Tinte · Ombre · Toni
Tinte
- 7F5D88
- 8D6E95
- 9B7FA1
- A990AF
- B7A2BC
- C5B4C9
- D3C6D6
- E2D9E4
- F0ECF1
Ombre
- 62416A
- 53365A
- 442C4A
- 36223A
- 28182C
- 1B0F1E
- 0E0610
- 040205
- 010001
Toni
- 74517C
- 75577C
- 775C7D
- 78617E
- 7A667E
- 7B6C7F
- 7C717F
- 7E767F
- 7F7B80
Armonie di colore
Complementare +180°
- 724C7B
Cabbage Blossom Violet
- 416838
≈ Dell
Analogo -30° +30°
- 724C7B
Cabbage Blossom Violet
- 5C548A
≈ Fine Purple
- 814764
≈ Vivacious Violet
Triadico +120° +240°
- 724C7B
Cabbage Blossom Violet
- 76571A
≈ Coffee Adept
- 006A6E
≈ Aqua Obscura
Complementare divisa +150° +210°
- 724C7B
Cabbage Blossom Violet
- 60611F
≈ Kirchner Green
- 186C55
≈ Sparkling Emerald
Tetradico +90° +180° +270°
- 724C7B
Cabbage Blossom Violet
- 834D2D
≈ Pookie Bear
- 416838
≈ Dell
- 176584
≈ Journey Into Night
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.91:1 · APCA Lc 84
Ag
FailSu nero
WCAG 3.03:1 · APCA Lc 18
Miglior colore del testo: #FFFFFF
WCAG 6.91:1 (AA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--cabbage-blossom-violet: #724c7b;
--cabbage-blossom-violet-rgb: 114 76 123;
--cabbage-blossom-violet-oklch: oklch(0.477 0.086 319.8);
}
.element {
color: var(--cabbage-blossom-violet);
background-color: hsl(289 24% 39%);
border-color: oklch(0.477 0.086 319.8);
}Tailwind CSS v4
@theme {
--color-cabbage-blossom-violet: #724c7b;
--color-cabbage-blossom-violet-50: #ffeeff;
--color-cabbage-blossom-violet-100: #f6dffa;
--color-cabbage-blossom-violet-200: #e6c9eb;
--color-cabbage-blossom-violet-300: #cda9d2;
--color-cabbage-blossom-violet-400: #b58ebf;
--color-cabbage-blossom-violet-500: #9f73aa;
--color-cabbage-blossom-violet-600: #876290;
--color-cabbage-blossom-violet-700: #6c4e73;
--color-cabbage-blossom-violet-800: #4f3956;
--color-cabbage-blossom-violet-900: #37273c;
--color-cabbage-blossom-violet-950: #221526;
}SCSS
$cabbage-blossom-violet: #724c7b;
$cabbage-blossom-violet-rgb: 114, 76, 123;
$cabbage-blossom-violet-light: mix(#fff, $cabbage-blossom-violet, 20%);
$cabbage-blossom-violet-dark: mix(#000, $cabbage-blossom-violet, 20%);
.element {
color: $cabbage-blossom-violet;
box-shadow: 0 0 0 2px rgba($cabbage-blossom-violet, 0.35);
}