Nazwany kolor · #5B1E8B
Intergalactic Settlement
Intergalactic Settlement to #5B1E8B: rgb(91 30 139), hsl(274 64% 33%), oklch(0.39 0.169 305). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Intergalactic Settlement color name →
#5B1E8B
oklch(0.39 0.169 305)
Konwersje koloru
- HEX
- #5b1e8b
- RGB
- rgb(91 30 139)
- HSL
- hsl(274 64% 33%)
- HWB
- hwb(274 12% 45%)
- OKLCH
- oklch(0.39 0.169 305)
- OKLab
- oklab(0.39 0.097 -0.138)
- CIE Lab
- lab(26.23 42.73 -49.15)
- LCH
- lch(26.23 65.13 311)
- CMYK
- cmyk(35% 78% 0% 45%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6A3897
- 794FA4
- 8965B0
- 997ABC
- A990C7
- BAA5D3
- CBBBDE
- DCD2E9
- EDE8F4
Odcienie ciemniejsze
- 4E1978
- 411366
- 350E54
- 290943
- 1E0532
- 130323
- 090114
- 030007
- 000001
Tony
- 5F2C8B
- 62388A
- 66428A
- 694C89
- 6D5588
- 715E87
- 756786
- 786F84
- 7C7882
Harmonie kolorów
Komplementarna +180°
- 5B1E8B
Intergalactic Settlement
- 394D00
≈ Godzilla
Analogowa -30° +30°
- 5B1E8B
Intergalactic Settlement
- 31319D
≈ Depths of Night
- 760668
≈ Purple Curse
Triada +120° +240°
- 5B1E8B
Intergalactic Settlement
- 643900
≈ Brown
- 00514A
≈ Myrtle Deep Green
Komplementarna rozszczepiona +150° +210°
- 5B1E8B
Intergalactic Settlement
- 534400
≈ Sugarloaf Brown
- 00542D
≈ Lemon Balm Green
Tetrada +90° +180° +270°
- 5B1E8B
Intergalactic Settlement
- 7E1C00
≈ New Kenyan Copper
- 394D00
≈ Godzilla
- 004E5C
≈ Teal Dark Blue
Kontrast i dostępność
Ag
AAANa bieli
WCAG 10.48:1 · APCA Lc 93
Ag
FailNa czerni
WCAG 2.00:1 · APCA Lc 9
Najlepszy kolor tekstu: #FFFFFF
WCAG 10.48:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
CSS
:root {
--intergalactic-settlement: #5b1e8b;
--intergalactic-settlement-rgb: 91 30 139;
--intergalactic-settlement-oklch: oklch(0.39 0.169 305);
}
.element {
color: var(--intergalactic-settlement);
background-color: hsl(274 64% 33%);
border-color: oklch(0.39 0.169 305);
}Tailwind CSS v4
@theme {
--color-intergalactic-settlement: #5b1e8b;
--color-intergalactic-settlement-50: #ffe9ff;
--color-intergalactic-settlement-100: #f7daff;
--color-intergalactic-settlement-200: #e7c1ff;
--color-intergalactic-settlement-300: #ce9ffb;
--color-intergalactic-settlement-400: #b682ed;
--color-intergalactic-settlement-500: #a162de;
--color-intergalactic-settlement-600: #8854bb;
--color-intergalactic-settlement-700: #6d4396;
--color-intergalactic-settlement-800: #4f3071;
--color-intergalactic-settlement-900: #372150;
--color-intergalactic-settlement-950: #221035;
}SCSS
$intergalactic-settlement: #5b1e8b;
$intergalactic-settlement-rgb: 91, 30, 139;
$intergalactic-settlement-light: mix(#fff, $intergalactic-settlement, 20%);
$intergalactic-settlement-dark: mix(#000, $intergalactic-settlement, 20%);
.element {
color: $intergalactic-settlement;
box-shadow: 0 0 0 2px rgba($intergalactic-settlement, 0.35);
}