En yakın adlandırılmış renk · #DE9B98
#DE9B98
En yakın adlandırılmış renk: She Loves Pink
#DE9B98 (rgb(222 155 152), hsl(3 51% 73%), oklch(0.754 0.081 22)) 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.
#DE9B98
oklch(0.754 0.081 22)
Renk dönüşümleri
- HEX
- #de9b98
- RGB
- rgb(222 155 152)
- HSL
- hsl(3 51% 73%)
- HWB
- hwb(3 60% 13%)
- OKLCH
- oklch(0.754 0.081 22)
- OKLab
- oklab(0.754 0.075 0.03)
- CIE Lab
- lab(70.63 25.5 12.19)
- LCH
- lch(70.63 28.26 25.6)
- CMYK
- cmyk(0% 30% 32% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E2A5A2
- E6AFAC
- E9B9B6
- EDC3C0
- F0CDCB
- F4D7D5
- F7E1DF
- FAEBEA
- FCF5F4
Koyu tonlar
- C18684
- A57270
- 895E5C
- 6F4B4A
- 553938
- 3D2827
- 261817
- 120908
- 020101
Gri tonlar
- D59896
- CB9693
- C29391
- B9918E
- AF8E8C
- A68B8A
- 9C8987
- 938685
- 8A8382
Renk uyumları
Tamamlayıcı +180°
- DE9B98
She Loves Pink
- 6CBFC5
≈ Luna Moona
Analog -30° +30°
- DE9B98
She Loves Pink
- D89AB4
≈ Haute Pink
- D9A180
≈ Nice Tan
Üçlü +120° +240°
- DE9B98
She Loves Pink
- 92BD8D
≈ Tiki Monster
- 93B0E3
≈ Blue Skies Today
Bölünmüş tamamlayıcı +150° +210°
- DE9B98
She Loves Pink
- 77C0A9
≈ Celadon Porcelain
- 79B9DA
≈ Pacific Harbour
Dörtlü +90° +180° +270°
- DE9B98
She Loves Pink
- B0B578
≈ Timothy Grass
- 6CBFC5
≈ Luna Moona
- B0A6DF
≈ Grape Illusion
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.27:1 · APCA Lc 45
Ag
AAASiyah üzerinde
WCAG 9.24:1 · APCA Lc 57
En iyi metin rengi: #000000
WCAG 9.24:1 (AAA) · APCA Lc 57
Contrast pairs
Kod parçacıkları
CSS
:root {
--she-loves-pink: #de9b98;
--she-loves-pink-rgb: 222 155 152;
--she-loves-pink-oklch: oklch(0.754 0.081 22);
}
.element {
color: var(--she-loves-pink);
background-color: hsl(3 51% 73%);
border-color: oklch(0.754 0.081 22);
}Tailwind CSS v4
@theme {
--color-she-loves-pink: #de9b98;
--color-she-loves-pink-50: #ffedea;
--color-she-loves-pink-100: #ffdedb;
--color-she-loves-pink-200: #f5c8c4;
--color-she-loves-pink-300: #dea8a3;
--color-she-loves-pink-400: #ca8c89;
--color-she-loves-pink-500: #b6706e;
--color-she-loves-pink-600: #9a5f5d;
--color-she-loves-pink-700: #7b4c4a;
--color-she-loves-pink-800: #5b3737;
--color-she-loves-pink-900: #402525;
--color-she-loves-pink-950: #291414;
}SCSS
$she-loves-pink: #de9b98;
$she-loves-pink-rgb: 222, 155, 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);
}