Adlandırılmış renk · #E39B96
She Loves Pink
She Loves Pink, #E39B96: rgb(227 155 150), hsl(4 58% 74%), oklch(0.759 0.087 23.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · She Loves Pink color name →
#E39B96
oklch(0.759 0.087 23.7)
Renk dönüşümleri
- HEX
- #e39b96
- RGB
- rgb(227 155 150)
- HSL
- hsl(4 58% 74%)
- HWB
- hwb(4 59% 11%)
- OKLCH
- oklch(0.759 0.087 23.7)
- OKLab
- oklab(0.759 0.08 0.035)
- CIE Lab
- lab(71.17 27.24 14.14)
- LCH
- lch(71.17 30.7 27.4)
- CMYK
- cmyk(0% 32% 34% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E7A5A0
- EAAFAA
- EDB9B5
- F0C3BF
- F3CDCA
- F6D7D4
- F8E1DF
- FBEBE9
- FDF5F4
Koyu tonlar
- C58682
- A8726E
- 8C5E5B
- 714B49
- 573937
- 3F2826
- 271816
- 120908
- 030101
Gri tonlar
- D99994
- CF9692
- C59390
- BC918D
- B28E8B
- A88B89
- 9E8987
- 948685
- 8A8382
Renk uyumları
Tamamlayıcı +180°
- E39B96
She Loves Pink
- 67C1CA
≈ Luna Moona
Analog -30° +30°
- E39B96
She Loves Pink
- DD9AB5
≈ Peach Flower
- DDA27C
≈ Nice Tan
Üçlü +120° +240°
- E39B96
She Loves Pink
- 8FC08D
≈ Green Masquerade
- 94B1E9
≈ Blue Skies Today
Bölünmüş tamamlayıcı +150° +210°
- E39B96
She Loves Pink
- 72C3AC
≈ Miami Teal
- 77BAE0
≈ Costa Rica Blue
Dörtlü +90° +180° +270°
- E39B96
She Loves Pink
- B0B776
≈ Green Curry
- 67C1CA
≈ Luna Moona
- B3A6E3
≈ Maximum Blue Purple
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.23:1 · APCA Lc 44
Ag
AAASiyah üzerinde
WCAG 9.39:1 · APCA Lc 58
En iyi metin rengi: #000000
WCAG 9.39:1 (AAA) · APCA Lc 58
Contrast pairs
Kod parçacıkları
CSS
:root {
--she-loves-pink: #e39b96;
--she-loves-pink-rgb: 227 155 150;
--she-loves-pink-oklch: oklch(0.759 0.087 23.7);
}
.element {
color: var(--she-loves-pink);
background-color: hsl(4 58% 74%);
border-color: oklch(0.759 0.087 23.7);
}Tailwind CSS v4
@theme {
--color-she-loves-pink: #e39b96;
--color-she-loves-pink-50: #ffece8;
--color-she-loves-pink-100: #ffddd9;
--color-she-loves-pink-200: #f8c7c1;
--color-she-loves-pink-300: #e1a7a0;
--color-she-loves-pink-400: #cd8a86;
--color-she-loves-pink-500: #b96e6a;
--color-she-loves-pink-600: #9c5e5a;
--color-she-loves-pink-700: #7e4b48;
--color-she-loves-pink-800: #5d3635;
--color-she-loves-pink-900: #412524;
--color-she-loves-pink-950: #2a1313;
}SCSS
$she-loves-pink: #e39b96;
$she-loves-pink-rgb: 227, 155, 150;
$she-loves-pink-light: mix(#fff, $she-loves-pink, 20%);
$she-loves-pink-dark: mix(#000, $she-loves-pink, 20%);
.element {
color: $she-loves-pink;
box-shadow: 0 0 0 2px rgba($she-loves-pink, 0.35);
}