Nazwany kolor · #A38BBF
Classic Bouquet
Classic Bouquet to #A38BBF: rgb(163 139 191), hsl(268 29% 65%), oklch(0.677 0.08 305.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Classic Bouquet color name →
#A38BBF
oklch(0.677 0.08 305.4)
Konwersje koloru
- HEX
- #a38bbf
- RGB
- rgb(163 139 191)
- HSL
- hsl(268 29% 65%)
- HWB
- hwb(268 55% 25%)
- OKLCH
- oklch(0.677 0.08 305.4)
- OKLab
- oklab(0.677 0.046 -0.065)
- CIE Lab
- lab(61.5 17 -23.79)
- LCH
- lch(61.5 29.24 305.6)
- CMYK
- cmyk(15% 27% 0% 25%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AC96C6
- B5A2CC
- BEADD2
- C7B8D9
- D0C4DF
- D9D0E6
- E3DBEC
- ECE7F2
- F5F3F9
Odcienie ciemniejsze
- 8D78A6
- 78668D
- 635475
- 4F435E
- 3C3248
- 2A2333
- 19141F
- 0A070D
- 010102
Tony
- 9F8AB9
- 9C89B2
- 9888AC
- 9587A6
- 91869F
- 8E8599
- 8A8493
- 87828D
- 838186
Harmonie kolorów
Komplementarna +180°
- A38BBF
Classic Bouquet
- 8CA06A
≈ Buckingham Gardens
Analogowa -30° +30°
- A38BBF
Classic Bouquet
- 8994C9
≈ Fast Velvet
- B785AB
≈ Opera Mauve
Triada +120° +240°
- A38BBF
Classic Bouquet
- BA8D62
≈ Tatami Tan
- 58A89E
≈ Paradise Island
Komplementarna rozszczepiona +150° +210°
- A38BBF
Classic Bouquet
- A6975D
≈ Faded Khaki
- 6EA682
≈ Primavera
Tetrada +90° +180° +270°
- A38BBF
Classic Bouquet
- C38676
≈ Argyle Rose
- 8CA06A
≈ Buckingham Gardens
- 58A4B6
≈ Explorer Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.99:1 · APCA Lc 57
Ag
AAANa czerni
WCAG 7.00:1 · APCA Lc 45
Najlepszy kolor tekstu: #000000
WCAG 7.00:1 (AAA) · APCA Lc 45
Contrast pairs
Fragmenty kodu
CSS
:root {
--classic-bouquet: #a38bbf;
--classic-bouquet-rgb: 163 139 191;
--classic-bouquet-oklch: oklch(0.677 0.08 305.4);
}
.element {
color: var(--classic-bouquet);
background-color: hsl(268 29% 65%);
border-color: oklch(0.677 0.08 305.4);
}Tailwind CSS v4
@theme {
--color-classic-bouquet: #a38bbf;
--color-classic-bouquet-50: #fbf0ff;
--color-classic-bouquet-100: #efe1fd;
--color-classic-bouquet-200: #ddccef;
--color-classic-bouquet-300: #c2add8;
--color-classic-bouquet-400: #aa93c4;
--color-classic-bouquet-500: #9378b1;
--color-classic-bouquet-600: #7c6695;
--color-classic-bouquet-700: #635278;
--color-classic-bouquet-800: #483c59;
--color-classic-bouquet-900: #32293e;
--color-classic-bouquet-950: #1e1727;
}SCSS
$classic-bouquet: #a38bbf;
$classic-bouquet-rgb: 163, 139, 191;
$classic-bouquet-light: mix(#fff, $classic-bouquet, 20%);
$classic-bouquet-dark: mix(#000, $classic-bouquet, 20%);
.element {
color: $classic-bouquet;
box-shadow: 0 0 0 2px rgba($classic-bouquet, 0.35);
}