Nazwany kolor · #9C83A8
Rhapsody
Rhapsody to #9C83A8: rgb(156 131 168), hsl(281 18% 59%), oklch(0.646 0.061 314.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Rhapsody color name →
#9C83A8
oklch(0.646 0.061 314.7)
Konwersje koloru
- HEX
- #9c83a8
- RGB
- rgb(156 131 168)
- HSL
- hsl(281 18% 59%)
- HWB
- hwb(281 51% 34%)
- OKLCH
- oklch(0.646 0.061 314.7)
- OKLab
- oklab(0.646 0.043 -0.043)
- CIE Lab
- lab(58.08 15.08 -16.02)
- LCH
- lch(58.08 22 313.3)
- CMYK
- cmyk(7% 22% 0% 34%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A68FB1
- AF9BB9
- B9A7C2
- C3B3CA
- CDBFD3
- D7CCDC
- E1D9E5
- EBE5ED
- F5F2F6
Odcienie ciemniejsze
- 877192
- 73607C
- 5F4F67
- 4C3F52
- 392F3F
- 28202C
- 18121A
- 09060A
- 010101
Tony
- 9983A4
- 9683A0
- 94829C
- 918298
- 8E8294
- 8B8190
- 88818C
- 868188
- 838084
Harmonie kolorów
Komplementarna +180°
- 9C83A8
Rhapsody
- 7E9771
≈ Mesa Verde
Analogowa -30° +30°
- 9C83A8
Rhapsody
- 8989B2
≈ Soft Blue Lavender
- AA7F97
≈ Bouquet
Triada +120° +240°
- 9C83A8
Rhapsody
- A48964
≈ Coffee With Cream
- 5F9A99
≈ Jugendstil Turquoise
Komplementarna rozszczepiona +150° +210°
- 9C83A8
Rhapsody
- 939065
≈ Hula Girl
- 6A9A84
≈ Cyprus Green
Tetrada +90° +180° +270°
- 9C83A8
Rhapsody
- AE826F
≈ Pink Earth
- 7E9771
≈ Mesa Verde
- 6496AA
≈ My Skiff
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.37:1 · APCA Lc 61
Ag
AANa czerni
WCAG 6.22:1 · APCA Lc 41
Najlepszy kolor tekstu: #000000
WCAG 6.22:1 (AA) · APCA Lc 41
Contrast pairs
Fragmenty kodu
CSS
:root {
--rhapsody: #9c83a8;
--rhapsody-rgb: 156 131 168;
--rhapsody-oklch: oklch(0.646 0.061 314.7);
}
.element {
color: var(--rhapsody);
background-color: hsl(281 18% 59%);
border-color: oklch(0.646 0.061 314.7);
}Tailwind CSS v4
@theme {
--color-rhapsody: #9c83a8;
--color-rhapsody-50: #fcf0ff;
--color-rhapsody-100: #f0e2f6;
--color-rhapsody-200: #dfcde6;
--color-rhapsody-300: #c4aecd;
--color-rhapsody-400: #ac94b8;
--color-rhapsody-500: #957aa3;
--color-rhapsody-600: #7e6889;
--color-rhapsody-700: #65536e;
--color-rhapsody-800: #4a3c52;
--color-rhapsody-900: #332939;
--color-rhapsody-950: #1f1723;
}SCSS
$rhapsody: #9c83a8;
$rhapsody-rgb: 156, 131, 168;
$rhapsody-light: mix(#fff, $rhapsody, 20%);
$rhapsody-dark: mix(#000, $rhapsody, 20%);
.element {
color: $rhapsody;
box-shadow: 0 0 0 2px rgba($rhapsody, 0.35);
}