Nazwany kolor · #724C7B
Cabbage Blossom Violet
Cabbage Blossom Violet to #724C7B: rgb(114 76 123), hsl(289 24% 39%), oklch(0.477 0.086 319.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Cabbage Blossom Violet color name →
#724C7B
oklch(0.477 0.086 319.8)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7F5D88
- 8D6E95
- 9B7FA1
- A990AF
- B7A2BC
- C5B4C9
- D3C6D6
- E2D9E4
- F0ECF1
Odcienie ciemniejsze
- 62416A
- 53365A
- 442C4A
- 36223A
- 28182C
- 1B0F1E
- 0E0610
- 040205
- 010001
Tony
- 74517C
- 75577C
- 775C7D
- 78617E
- 7A667E
- 7B6C7F
- 7C717F
- 7E767F
- 7F7B80
Harmonie kolorów
Komplementarna +180°
- 724C7B
Cabbage Blossom Violet
- 416838
≈ Dell
Analogowa -30° +30°
- 724C7B
Cabbage Blossom Violet
- 5C548A
≈ Fine Purple
- 814764
≈ Vivacious Violet
Triada +120° +240°
- 724C7B
Cabbage Blossom Violet
- 76571A
≈ Coffee Adept
- 006A6E
≈ Aqua Obscura
Komplementarna rozszczepiona +150° +210°
- 724C7B
Cabbage Blossom Violet
- 60611F
≈ Kirchner Green
- 186C55
≈ Sparkling Emerald
Tetrada +90° +180° +270°
- 724C7B
Cabbage Blossom Violet
- 834D2D
≈ Pookie Bear
- 416838
≈ Dell
- 176584
≈ Journey Into Night
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.91:1 · APCA Lc 84
Ag
FailNa czerni
WCAG 3.03:1 · APCA Lc 18
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.91:1 (AA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
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);
}