Nazwany kolor · #86619F
Chive Blossom
Chive Blossom to #86619F: rgb(134 97 159), hsl(276 24% 50%), oklch(0.555 0.102 310.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Chive Blossom color name →
#86619F
oklch(0.555 0.102 310.8)
Konwersje koloru
- HEX
- #86619f
- RGB
- rgb(134 97 159)
- HSL
- hsl(276 24% 50%)
- HWB
- hwb(276 38% 38%)
- OKLCH
- oklch(0.555 0.102 310.8)
- OKLab
- oklab(0.555 0.067 -0.077)
- CIE Lab
- lab(46.94 24.47 -28.01)
- LCH
- lch(46.94 37.19 311.1)
- CMYK
- cmyk(16% 39% 0% 38%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9270A9
- 9D7FB2
- A98FBC
- B59EC6
- C1AECF
- CDBED9
- D9CEE2
- E6DEEC
- F2EEF5
Odcienie ciemniejsze
- 74538A
- 624675
- 513961
- 402D4D
- 30213B
- 211529
- 130B18
- 060309
- 010001
Tony
- 85649C
- 856899
- 846B96
- 846E93
- 837190
- 83748D
- 82778A
- 817A87
- 817D83
Harmonie kolorów
Komplementarna +180°
- 86619F
Chive Blossom
- 5E7F3C
≈ Hot Pepper Green
Analogowa -30° +30°
- 86619F
Chive Blossom
- 696BAD
≈ Mediaeval
- 9B5A85
≈ Feminism
Triada +120° +240°
- 86619F
Chive Blossom
- 986825
≈ Olivia
- 008480
≈ Pond Bath
Komplementarna rozszczepiona +150° +210°
- 86619F
Chive Blossom
- 807421
≈ Faience Green
- 30855F
≈ Chrysocolla Green
Tetrada +90° +180° +270°
- 86619F
Chive Blossom
- A55D42
≈ Brick-A-Brack
- 5E7F3C
≈ Hot Pepper Green
- 00809D
≈ Amazing Sky
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.97:1 · APCA Lc 74
Ag
FailNa czerni
WCAG 4.22:1 · APCA Lc 27
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.97:1 (AA) · APCA Lc 74
Contrast pairs
Fragmenty kodu
CSS
:root {
--chive-blossom: #86619f;
--chive-blossom-rgb: 134 97 159;
--chive-blossom-oklch: oklch(0.555 0.102 310.8);
}
.element {
color: var(--chive-blossom);
background-color: hsl(276 24% 50%);
border-color: oklch(0.555 0.102 310.8);
}Tailwind CSS v4
@theme {
--color-chive-blossom: #86619f;
--color-chive-blossom-50: #ffedff;
--color-chive-blossom-100: #f4dfff;
--color-chive-blossom-200: #e4c8f4;
--color-chive-blossom-300: #caa9dd;
--color-chive-blossom-400: #b28dcb;
--color-chive-blossom-500: #9c72b8;
--color-chive-blossom-600: #84619b;
--color-chive-blossom-700: #694d7d;
--color-chive-blossom-800: #4d385d;
--color-chive-blossom-900: #352641;
--color-chive-blossom-950: #20152a;
}SCSS
$chive-blossom: #86619f;
$chive-blossom-rgb: 134, 97, 159;
$chive-blossom-light: mix(#fff, $chive-blossom, 20%);
$chive-blossom-dark: mix(#000, $chive-blossom, 20%);
.element {
color: $chive-blossom;
box-shadow: 0 0 0 2px rgba($chive-blossom, 0.35);
}