Colore con nome · #817699
Queen of Sheba
Queen of Sheba è #817699: rgb(129 118 153), hsl(259 15% 53%), oklch(0.588 0.054 299.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Queen of Sheba color name →
#817699
oklch(0.588 0.054 299.1)
Conversioni di colore
- HEX
- #817699
- RGB
- rgb(129 118 153)
- HSL
- hsl(259 15% 53%)
- HWB
- hwb(259 46% 40%)
- OKLCH
- oklch(0.588 0.054 299.1)
- OKLab
- oklab(0.588 0.026 -0.047)
- CIE Lab
- lab(51.61 9.9 -17.42)
- LCH
- lch(51.61 20.03 299.6)
- CMYK
- cmyk(16% 23% 0% 40%)
Tinte · Ombre · Toni
Tinte
- 8D83A3
- 9990AD
- A59DB7
- B1ABC1
- BEB8CB
- CBC6D6
- D8D4E0
- E5E2EA
- F2F1F5
Ombre
- 6F6684
- 5E5670
- 4E475D
- 3E384A
- 2E2938
- 1F1C27
- 120F17
- 060508
- 010101
Toni
- 817797
- 817894
- 817992
- 817A8F
- 807B8D
- 807C8A
- 807D88
- 807E85
- 807F83
Armonie di colore
Complementare +180°
- 817699
Queen of Sheba
- 79825D
≈ Grape Vine
Analogo -30° +30°
- 817699
Queen of Sheba
- 707C9E
≈ Inky Violet
- 8F728D
≈ Wine Stroll
Triadico +120° +240°
- 817699
Queen of Sheba
- 95755D
≈ Whisky Barrel
- 58887D
≈ Wintergreen Dream
Complementare divisa +150° +210°
- 817699
Queen of Sheba
- 8A7C57
≈ Clay Creek
- 67866B
≈ Comfrey
Tetradico +90° +180° +270°
- 817699
Queen of Sheba
- 9B716A
≈ Bologna
- 79825D
≈ Grape Vine
- 55868E
≈ Night Masque
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.21:1 · APCA Lc 69
Ag
AASu nero
WCAG 4.98:1 · APCA Lc 33
Miglior colore del testo: #000000
WCAG 4.98:1 (AA) · APCA Lc 33
Contrast pairs
Frammenti di codice
CSS
:root {
--queen-of-sheba: #817699;
--queen-of-sheba-rgb: 129 118 153;
--queen-of-sheba-oklch: oklch(0.588 0.054 299.1);
}
.element {
color: var(--queen-of-sheba);
background-color: hsl(259 15% 53%);
border-color: oklch(0.588 0.054 299.1);
}Tailwind CSS v4
@theme {
--color-queen-of-sheba: #817699;
--color-queen-of-sheba-50: #f7f2ff;
--color-queen-of-sheba-100: #ebe4f8;
--color-queen-of-sheba-200: #d8cfe8;
--color-queen-of-sheba-300: #bcb1cf;
--color-queen-of-sheba-400: #a298bb;
--color-queen-of-sheba-500: #8b7fa6;
--color-queen-of-sheba-600: #756b8c;
--color-queen-of-sheba-700: #5e5670;
--color-queen-of-sheba-800: #443f53;
--color-queen-of-sheba-900: #2f2b3a;
--color-queen-of-sheba-950: #1c1824;
}SCSS
$queen-of-sheba: #817699;
$queen-of-sheba-rgb: 129, 118, 153;
$queen-of-sheba-light: mix(#fff, $queen-of-sheba, 20%);
$queen-of-sheba-dark: mix(#000, $queen-of-sheba, 20%);
.element {
color: $queen-of-sheba;
box-shadow: 0 0 0 2px rgba($queen-of-sheba, 0.35);
}