Colore con nome · #726E9B
Thirsty Thursday
Thirsty Thursday è #726E9B: rgb(114 110 155), hsl(245 18% 52%), oklch(0.56 0.069 288). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Thirsty Thursday color name →
#726E9B
oklch(0.56 0.069 288)
Conversioni di colore
- HEX
- #726e9b
- RGB
- rgb(114 110 155)
- HSL
- hsl(245 18% 52%)
- HWB
- hwb(245 43% 39%)
- OKLCH
- oklch(0.56 0.069 288)
- OKLab
- oklab(0.56 0.021 -0.066)
- CIE Lab
- lab(48.15 9.44 -24.01)
- LCH
- lch(48.15 25.8 291.5)
- CMYK
- cmyk(26% 29% 0% 39%)
Tinte · Ombre · Toni
Tinte
- 7F7CA5
- 8C8AAF
- 9A98B9
- A8A6C3
- B6B4CD
- C4C3D7
- D2D2E1
- E1E1EB
- F0F0F5
Ombre
- 625F86
- 535072
- 44415E
- 36334B
- 282639
- 1B1928
- 0E0E18
- 040409
- 010101
Toni
- 737098
- 757296
- 767493
- 777691
- 79778E
- 7A798B
- 7C7B89
- 7D7D86
- 7F7E83
Armonie di colore
Complementare +180°
- 726E9B
Thirsty Thursday
- 787846
≈ Verdant Views
Analogo -30° +30°
- 726E9B
Thirsty Thursday
- 5B769D
≈ Quiet Harbour
- 86688F
≈ Poetry Mauve
Triadico +120° +240°
- 726E9B
Thirsty Thursday
- 966850
≈ Old Driftwood
- 49826D
≈ Shǔi Cǎo Lǜ Green
Complementare divisa +150° +210°
- 726E9B
Thirsty Thursday
- 8B6F44
≈ Nutty Brown
- 607E56
≈ Garden Grove
Tetradico +90° +180° +270°
- 726E9B
Thirsty Thursday
- 996465
≈ Copper Rose
- 787846
≈ Verdant Views
- 3C8183
≈ Pacific Sea Teal
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.75:1 · APCA Lc 73
Ag
FailSu nero
WCAG 4.41:1 · APCA Lc 29
Miglior colore del testo: #FFFFFF
WCAG 4.75:1 (AA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--thirsty-thursday: #726e9b;
--thirsty-thursday-rgb: 114 110 155;
--thirsty-thursday-oklch: oklch(0.56 0.069 288);
}
.element {
color: var(--thirsty-thursday);
background-color: hsl(245 18% 52%);
border-color: oklch(0.56 0.069 288);
}Tailwind CSS v4
@theme {
--color-thirsty-thursday: #726e9b;
--color-thirsty-thursday-50: #f4f2ff;
--color-thirsty-thursday-100: #e7e5fe;
--color-thirsty-thursday-200: #d3d0f1;
--color-thirsty-thursday-300: #b6b2d9;
--color-thirsty-thursday-400: #9c98c6;
--color-thirsty-thursday-500: #847fb2;
--color-thirsty-thursday-600: #6f6c96;
--color-thirsty-thursday-700: #595678;
--color-thirsty-thursday-800: #403f59;
--color-thirsty-thursday-900: #2c2b3f;
--color-thirsty-thursday-950: #191928;
}SCSS
$thirsty-thursday: #726e9b;
$thirsty-thursday-rgb: 114, 110, 155;
$thirsty-thursday-light: mix(#fff, $thirsty-thursday, 20%);
$thirsty-thursday-dark: mix(#000, $thirsty-thursday, 20%);
.element {
color: $thirsty-thursday;
box-shadow: 0 0 0 2px rgba($thirsty-thursday, 0.35);
}