Nazwany kolor · #6611AA
Indiviolet Sunset
Indiviolet Sunset to #6611AA: rgb(102 17 170), hsl(273 82% 37%), oklch(0.422 0.211 302). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Indiviolet Sunset color name →
#6611AA
oklch(0.422 0.211 302)
Konwersje koloru
- HEX
- #6611aa
- RGB
- rgb(102 17 170)
- HSL
- hsl(273 82% 37%)
- HWB
- hwb(273 7% 33%)
- OKLCH
- oklch(0.422 0.211 302)
- OKLab
- oklab(0.422 0.112 -0.179)
- CIE Lab
- lab(28.89 54.48 -63.66)
- LCH
- lch(28.89 83.79 310.6)
- CMYK
- cmyk(40% 90% 0% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7336B4
- 814FBE
- 9066C7
- 9F7CD0
- AE92D9
- BEA7E1
- CEBDE9
- DED3F1
- EEE9F8
Odcienie ciemniejsze
- 580D93
- 4A097D
- 3C0668
- 2F0453
- 23023F
- 17012D
- 0C001B
- 04000B
- 000001
Tony
- 6828A7
- 6A36A4
- 6D42A0
- 6F4D9C
- 725698
- 755F94
- 776890
- 7A708B
- 7D7886
Harmonie kolorów
Komplementarna +180°
- 6611AA
Indiviolet Sunset
- 455600
≈ Highlands Moss
Analogowa -30° +30°
- 6611AA
Indiviolet Sunset
- 2F31BE
≈ Blue Cardinal Flower
- 83007A
≈ Philippine Violet
Triada +120° +240°
- 6611AA
Indiviolet Sunset
- 723F00
≈ Bloodtracker Brown
- 005B51
≈ Baltic Prince
Komplementarna rozszczepiona +150° +210°
- 6611AA
Indiviolet Sunset
- 5F4B00
≈ Mud Brown
- 005E2D
≈ Sombre Green
Tetrada +90° +180° +270°
- 6611AA
Indiviolet Sunset
- 911500
≈ Brick Red
- 455600
≈ Highlands Moss
- 005865
≈ Abyssal Waters
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.43:1 · APCA Lc 90
Ag
FailNa czerni
WCAG 2.22:1 · APCA Lc 12
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.43:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmenty kodu
CSS
:root {
--indiviolet-sunset: #6611aa;
--indiviolet-sunset-rgb: 102 17 170;
--indiviolet-sunset-oklch: oklch(0.422 0.211 302);
}
.element {
color: var(--indiviolet-sunset);
background-color: hsl(273 82% 37%);
border-color: oklch(0.422 0.211 302);
}Tailwind CSS v4
@theme {
--color-indiviolet-sunset: #6611aa;
--color-indiviolet-sunset-50: #ffe7ff;
--color-indiviolet-sunset-100: #f7d7ff;
--color-indiviolet-sunset-200: #e8bdff;
--color-indiviolet-sunset-300: #cf99ff;
--color-indiviolet-sunset-400: #b779ff;
--color-indiviolet-sunset-500: #a254f7;
--color-indiviolet-sunset-600: #8949d0;
--color-indiviolet-sunset-700: #6e3aa8;
--color-indiviolet-sunset-800: #4f2a7f;
--color-indiviolet-sunset-900: #371c5a;
--color-indiviolet-sunset-950: #220b3d;
}SCSS
$indiviolet-sunset: #6611aa;
$indiviolet-sunset-rgb: 102, 17, 170;
$indiviolet-sunset-light: mix(#fff, $indiviolet-sunset, 20%);
$indiviolet-sunset-dark: mix(#000, $indiviolet-sunset, 20%);
.element {
color: $indiviolet-sunset;
box-shadow: 0 0 0 2px rgba($indiviolet-sunset, 0.35);
}