Nazwany kolor · #726E9B
Thirsty Thursday
Thirsty Thursday to #726E9B: rgb(114 110 155), hsl(245 18% 52%), oklch(0.56 0.069 288). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Thirsty Thursday color name →
#726E9B
oklch(0.56 0.069 288)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7F7CA5
- 8C8AAF
- 9A98B9
- A8A6C3
- B6B4CD
- C4C3D7
- D2D2E1
- E1E1EB
- F0F0F5
Odcienie ciemniejsze
- 625F86
- 535072
- 44415E
- 36334B
- 282639
- 1B1928
- 0E0E18
- 040409
- 010101
Tony
- 737098
- 757296
- 767493
- 777691
- 79778E
- 7A798B
- 7C7B89
- 7D7D86
- 7F7E83
Harmonie kolorów
Komplementarna +180°
- 726E9B
Thirsty Thursday
- 787846
≈ Verdant Views
Analogowa -30° +30°
- 726E9B
Thirsty Thursday
- 5B769D
≈ Quiet Harbour
- 86688F
≈ Poetry Mauve
Triada +120° +240°
- 726E9B
Thirsty Thursday
- 966850
≈ Old Driftwood
- 49826D
≈ Shǔi Cǎo Lǜ Green
Komplementarna rozszczepiona +150° +210°
- 726E9B
Thirsty Thursday
- 8B6F44
≈ Nutty Brown
- 607E56
≈ Garden Grove
Tetrada +90° +180° +270°
- 726E9B
Thirsty Thursday
- 996465
≈ Copper Rose
- 787846
≈ Verdant Views
- 3C8183
≈ Pacific Sea Teal
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.75:1 · APCA Lc 73
Ag
FailNa czerni
WCAG 4.41:1 · APCA Lc 29
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.75:1 (AA) · APCA Lc 73
Contrast pairs
Fragmenty kodu
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);
}