Nazwany kolor · #645A8B
Idol
Idol to #645A8B: rgb(100 90 139), hsl(252 21% 45%), oklch(0.498 0.078 292.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Idol color name →
#645A8B
oklch(0.498 0.078 292.7)
Konwersje koloru
- HEX
- #645a8b
- RGB
- rgb(100 90 139)
- HSL
- hsl(252 21% 45%)
- HWB
- hwb(252 35% 45%)
- OKLCH
- oklch(0.498 0.078 292.7)
- OKLab
- oklab(0.498 0.03 -0.072)
- CIE Lab
- lab(40.78 12.86 -25.98)
- LCH
- lch(40.78 28.98 296.3)
- CMYK
- cmyk(28% 35% 0% 45%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 726996
- 8079A2
- 8F89AD
- 9E99B9
- AEAAC5
- BEBAD0
- CECBDC
- DEDCE8
- EEEDF3
Odcienie ciemniejsze
- 564D78
- 484166
- 3B3554
- 2E2943
- 221E32
- 161323
- 0B0914
- 030307
- 000001
Tony
- 675E8A
- 696289
- 6C6688
- 6F6A87
- 726D86
- 747185
- 777584
- 7A7983
- 7D7C81
Harmonie kolorów
Komplementarna +180°
- 645A8B
Idol
- 636730
≈ Gretchin Green
Analogowa -30° +30°
- 645A8B
Idol
- 4B628F
≈ Sea of Galilee
- 78537C
≈ Birthstone
Triada +120° +240°
- 645A8B
Idol
- 855637
≈ Football
- 29715E
≈ Nordic Forest
Komplementarna rozszczepiona +150° +210°
- 645A8B
Idol
- 785E2A
≈ Brassy Brass
- 486E45
≈ Pine Scent
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.21:1 · APCA Lc 81
Ag
FailNa czerni
WCAG 3.37:1 · APCA Lc 21
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.21:1 (AA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--idol: #645a8b;
--idol-rgb: 100 90 139;
--idol-oklch: oklch(0.498 0.078 292.7);
}
.element {
color: var(--idol);
background-color: hsl(252 21% 45%);
border-color: oklch(0.498 0.078 292.7);
}Tailwind CSS v4
@theme {
--color-idol: #645a8b;
--color-idol-50: #f6f1ff;
--color-idol-100: #e9e3ff;
--color-idol-200: #d6cef3;
--color-idol-300: #b9b0dc;
--color-idol-400: #9f96c9;
--color-idol-500: #887db5;
--color-idol-600: #736a99;
--color-idol-700: #5c547b;
--color-idol-800: #423e5b;
--color-idol-900: #2e2a40;
--color-idol-950: #1b1829;
}SCSS
$idol: #645a8b;
$idol-rgb: 100, 90, 139;
$idol-light: mix(#fff, $idol, 20%);
$idol-dark: mix(#000, $idol, 20%);
.element {
color: $idol;
box-shadow: 0 0 0 2px rgba($idol, 0.35);
}