En yakın adlandırılmış renk · #E09F98
#E09F98
En yakın adlandırılmış renk: She Loves Pink
#E09F98 (rgb(224 159 152), hsl(6 54% 74%), oklch(0.763 0.079 25.9)) en çok She Loves Pink adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#E09F98
oklch(0.763 0.079 25.9)
Renk dönüşümleri
- HEX
- #e09f98
- RGB
- rgb(224 159 152)
- HSL
- hsl(6 54% 74%)
- HWB
- hwb(6 60% 12%)
- OKLCH
- oklch(0.763 0.079 25.9)
- OKLab
- oklab(0.763 0.071 0.034)
- CIE Lab
- lab(71.79 24.23 13.83)
- LCH
- lch(71.79 27.9 29.7)
- CMYK
- cmyk(0% 29% 32% 12%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E4A9A2
- E7B2AC
- EBBCB6
- EEC5C0
- F1CFCB
- F4D8D5
- F7E2DF
- FAECEA
- FDF5F4
Koyu tonlar
- C38A84
- A67570
- 8A615C
- 704D4A
- 563B38
- 3E2927
- 271817
- 120908
- 020101
Gri tonlar
- D69C96
- CD9993
- C39691
- BA938F
- B0908C
- A68D8A
- 9D8A87
- 938685
- 8A8382
Renk uyumları
Tamamlayıcı +180°
- E09F98
She Loves Pink
- 72C1CB
≈ Luna Moona
Analog -30° +30°
- E09F98
She Loves Pink
- DB9DB4
≈ Haute Pink
- DAA581
≈ Windswept Canyon
Üçlü +120° +240°
- E09F98
She Loves Pink
- 92C094
≈ Velvet Leaf
- 9BB1E5
≈ Myrtle Flower
Bölünmüş tamamlayıcı +150° +210°
- E09F98
She Loves Pink
- 79C3B0
≈ Pale Jade
- 80BADE
≈ Enchanting
Dörtlü +90° +180° +270°
- E09F98
She Loves Pink
- AFB97F
≈ Nile
- 72C1CB
≈ Luna Moona
- B6A8DF
≈ Grape Illusion
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.19:1 · APCA Lc 43
Ag
AAASiyah üzerinde
WCAG 9.58:1 · APCA Lc 59
En iyi metin rengi: #000000
WCAG 9.58:1 (AAA) · APCA Lc 59
Contrast pairs
Kod parçacıkları
CSS
:root {
--she-loves-pink: #e09f98;
--she-loves-pink-rgb: 224 159 152;
--she-loves-pink-oklch: oklch(0.763 0.079 25.9);
}
.element {
color: var(--she-loves-pink);
background-color: hsl(6 54% 74%);
border-color: oklch(0.763 0.079 25.9);
}Tailwind CSS v4
@theme {
--color-she-loves-pink: #e09f98;
--color-she-loves-pink-50: #ffede9;
--color-she-loves-pink-100: #ffdfd9;
--color-she-loves-pink-200: #f4c8c2;
--color-she-loves-pink-300: #dda9a1;
--color-she-loves-pink-400: #c98d86;
--color-she-loves-pink-500: #b5716b;
--color-she-loves-pink-600: #99605b;
--color-she-loves-pink-700: #7a4d48;
--color-she-loves-pink-800: #5b3735;
--color-she-loves-pink-900: #402624;
--color-she-loves-pink-950: #281413;
}SCSS
$she-loves-pink: #e09f98;
$she-loves-pink-rgb: 224, 159, 152;
$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);
}