Adlandırılmış renk · #EE1177
Jelly Berry
Jelly Berry, #EE1177: rgb(238 17 119), hsl(332 87% 50%), oklch(0.616 0.243 2.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Jelly Berry color name →
#EE1177
oklch(0.616 0.243 2.9)
Renk dönüşümleri
- HEX
- #ee1177
- RGB
- rgb(238 17 119)
- HSL
- hsl(332 87% 50%)
- HWB
- hwb(332 7% 7%)
- OKLCH
- oklch(0.616 0.243 2.9)
- OKLab
- oklab(0.616 0.243 0.012)
- CIE Lab
- lab(52.45 78.3 6.2)
- LCH
- lch(52.45 78.55 4.5)
- CMYK
- cmyk(0% 93% 50% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F34084
- F85C91
- FC749E
- FF8AAB
- FF9EB9
- FFB2C6
- FFC6D4
- FFD9E2
- FFECF1
Koyu tonlar
- CF0D67
- B10957
- 930647
- 770438
- 5C022A
- 42011C
- 2A0010
- 140005
- 030001
Gri tonlar
- E53078
- DB4179
- D14E7A
- C7587B
- BD617C
- B2687C
- A76F7D
- 9B757E
- 8E7B7F
Renk uyumları
Tamamlayıcı +180°
- EE1177
Jelly Berry
- 009A8B
≈ Santorini Seascape
Analog -30° +30°
- EE1177
Jelly Berry
- D231C2
≈ Steel Pink
- EE3100
≈ Gran Torino Red
Üçlü +120° +240°
- EE1177
Jelly Berry
- 749200
≈ Canopy
- 008CD6
≈ Blue Cola
Bölünmüş tamamlayıcı +150° +210°
- EE1177
Jelly Berry
- 009F54
≈ Get up and Go
- 0095AB
≈ Brilliant
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.21:1 · APCA Lc 67
Ag
AASiyah üzerinde
WCAG 4.98:1 · APCA Lc 35
En iyi metin rengi: #000000
WCAG 4.98:1 (AA) · APCA Lc 35
Contrast pairs
Kod parçacıkları
CSS
:root {
--jelly-berry: #ee1177;
--jelly-berry-rgb: 238 17 119;
--jelly-berry-oklch: oklch(0.616 0.243 2.9);
}
.element {
color: var(--jelly-berry);
background-color: hsl(332 87% 50%);
border-color: oklch(0.616 0.243 2.9);
}Tailwind CSS v4
@theme {
--color-jelly-berry: #ee1177;
--color-jelly-berry-50: #ffd8ec;
--color-jelly-berry-100: #ffc5dd;
--color-jelly-berry-200: #ffa5c6;
--color-jelly-berry-300: #ff79a7;
--color-jelly-berry-400: #ff4a91;
--color-jelly-berry-500: #f80077;
--color-jelly-berry-600: #d10065;
--color-jelly-berry-700: #a90050;
--color-jelly-berry-800: #7e003d;
--color-jelly-berry-900: #59002a;
--color-jelly-berry-950: #3c0018;
}SCSS
$jelly-berry: #ee1177;
$jelly-berry-rgb: 238, 17, 119;
$jelly-berry-light: mix(#fff, $jelly-berry, 20%);
$jelly-berry-dark: mix(#000, $jelly-berry, 20%);
.element {
color: $jelly-berry;
box-shadow: 0 0 0 2px rgba($jelly-berry, 0.35);
}