Adlandırılmış renk · #BB0099
Jealous Jellyfish
Jealous Jellyfish, #BB0099: rgb(187 0 153), hsl(311 100% 37%), oklch(0.536 0.234 339). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Jealous Jellyfish color name →
#BB0099
oklch(0.536 0.234 339)
Renk dönüşümleri
- HEX
- #bb0099
- RGB
- rgb(187 0 153)
- HSL
- hsl(311 100% 37%)
- HWB
- hwb(311 0% 27%)
- OKLCH
- oklch(0.536 0.234 339)
- OKLab
- oklab(0.536 0.219 -0.084)
- CIE Lab
- lab(42.74 70.75 -30.19)
- LCH
- lch(42.74 76.92 336.9)
- CMYK
- cmyk(0% 100% 18% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C536A3
- CE52AE
- D66AB8
- DE80C2
- E596CC
- EBABD7
- F1C0E1
- F7D5EB
- FBEAF5
Koyu tonlar
- A20084
- 8A0070
- 73005D
- 5C004A
- 460038
- 320027
- 1F0017
- 0D0008
- 020001
Gri tonlar
- B72697
- B23795
- AD4592
- A85090
- A3598E
- 9D628B
- 976A88
- 907286
- 887983
Renk uyumları
Tamamlayıcı +180°
- BB0099
Jealous Jellyfish
- 008352
≈ Dark Emerald
Analog -30° +30°
- BB0099
Jealous Jellyfish
- 952ED1
≈ Dreamscape Purple
- CA0053
≈ Red-Letter Day
Üçlü +120° +240°
- BB0099
Jealous Jellyfish
- 7E6E00
≈ Sunlit Kelp Green
- 007A94
≈ Havasu
Bölünmüş tamamlayıcı +150° +210°
- BB0099
Jealous Jellyfish
- 537C00
≈ Avocado
- 007F79
≈ Coelia Greenshade
Dörtlü +90° +180° +270°
- BB0099
Jealous Jellyfish
- 995F00
≈ Raw Sienna
- 008352
≈ Dark Emerald
- 0071BE
≈ French Blue
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.87:1 · APCA Lc 77
Ag
FailSiyah üzerinde
WCAG 3.57:1 · APCA Lc 25
En iyi metin rengi: #FFFFFF
WCAG 5.87:1 (AA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
CSS
:root {
--jealous-jellyfish: #bb0099;
--jealous-jellyfish-rgb: 187 0 153;
--jealous-jellyfish-oklch: oklch(0.536 0.234 339);
}
.element {
color: var(--jealous-jellyfish);
background-color: hsl(311 100% 37%);
border-color: oklch(0.536 0.234 339);
}Tailwind CSS v4
@theme {
--color-jealous-jellyfish: #bb0099;
--color-jealous-jellyfish-50: #ffdbff;
--color-jealous-jellyfish-100: #ffc9ff;
--color-jealous-jellyfish-200: #ffabf2;
--color-jealous-jellyfish-300: #ff81db;
--color-jealous-jellyfish-400: #f159cb;
--color-jealous-jellyfish-500: #df1db8;
--color-jealous-jellyfish-600: #bd1e9b;
--color-jealous-jellyfish-700: #98197d;
--color-jealous-jellyfish-800: #70115f;
--color-jealous-jellyfish-900: #4f0b43;
--color-jealous-jellyfish-950: #34002b;
}SCSS
$jealous-jellyfish: #bb0099;
$jealous-jellyfish-rgb: 187, 0, 153;
$jealous-jellyfish-light: mix(#fff, $jealous-jellyfish, 20%);
$jealous-jellyfish-dark: mix(#000, $jealous-jellyfish, 20%);
.element {
color: $jealous-jellyfish;
box-shadow: 0 0 0 2px rgba($jealous-jellyfish, 0.35);
}