Nazwany kolor · #B16D90
Purple Starburst
Purple Starburst to #B16D90: rgb(177 109 144), hsl(329 30% 56%), oklch(0.619 0.097 348.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Purple Starburst color name →
#B16D90
oklch(0.619 0.097 348.1)
Konwersje koloru
- HEX
- #b16d90
- RGB
- rgb(177 109 144)
- HSL
- hsl(329 30% 56%)
- HWB
- hwb(329 43% 31%)
- OKLCH
- oklch(0.619 0.097 348.1)
- OKLab
- oklab(0.619 0.095 -0.02)
- CIE Lab
- lab(54.49 31.37 -7.22)
- LCH
- lch(54.49 32.19 347)
- CMYK
- cmyk(0% 38% 19% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B97B9B
- C289A5
- CA98B0
- D2A6BB
- DAB5C6
- E1C3D1
- E9D2DD
- F0E1E8
- F8F0F3
Odcienie ciemniejsze
- 995E7D
- 834F6A
- 6C4157
- 573345
- 422634
- 2F1924
- 1C0D15
- 0C0407
- 010101
Tony
- AD6F8E
- A8718D
- A3748B
- 9F768A
- 9A7788
- 957986
- 907B85
- 8B7D83
- 857E82
Harmonie kolorów
Komplementarna +180°
- B16D90
Purple Starburst
- 40997B
≈ Greenway
Analogowa -30° +30°
- B16D90
Purple Starburst
- 9E73AC
≈ Bell Heather
- B96D6F
≈ Exotic Incense
Triada +120° +240°
- B16D90
Purple Starburst
- 8B8A40
≈ Vegetable Garden
- 3A91B4
≈ Navagio Bay
Komplementarna rozszczepiona +150° +210°
- B16D90
Purple Starburst
- 689459
≈ Milpa
- 23979B
≈ Ocean Reef
Tetrada +90° +180° +270°
- B16D90
Purple Starburst
- A67E3C
≈ Organic Style
- 40997B
≈ Greenway
- 6187C0
≈ Danube
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.84:1 · APCA Lc 66
Ag
AANa czerni
WCAG 5.45:1 · APCA Lc 36
Najlepszy kolor tekstu: #000000
WCAG 5.45:1 (AA) · APCA Lc 36
Contrast pairs
Fragmenty kodu
CSS
:root {
--purple-starburst: #b16d90;
--purple-starburst-rgb: 177 109 144;
--purple-starburst-oklch: oklch(0.619 0.097 348.1);
}
.element {
color: var(--purple-starburst);
background-color: hsl(329 30% 56%);
border-color: oklch(0.619 0.097 348.1);
}Tailwind CSS v4
@theme {
--color-purple-starburst: #b16d90;
--color-purple-starburst-50: #ffeaf9;
--color-purple-starburst-100: #ffdbec;
--color-purple-starburst-200: #f6c4da;
--color-purple-starburst-300: #dea3be;
--color-purple-starburst-400: #ca87a8;
--color-purple-starburst-500: #b56a91;
--color-purple-starburst-600: #995a7b;
--color-purple-starburst-700: #7b4862;
--color-purple-starburst-800: #5a3449;
--color-purple-starburst-900: #3f2333;
--color-purple-starburst-950: #28121f;
}SCSS
$purple-starburst: #b16d90;
$purple-starburst-rgb: 177, 109, 144;
$purple-starburst-light: mix(#fff, $purple-starburst, 20%);
$purple-starburst-dark: mix(#000, $purple-starburst, 20%);
.element {
color: $purple-starburst;
box-shadow: 0 0 0 2px rgba($purple-starburst, 0.35);
}