Adlandırılmış renk · #FFDBE5
Pink Perfume
Pink Perfume, #FFDBE5: rgb(255 219 229), hsl(343 100% 93%), oklch(0.924 0.042 359.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Pink Perfume color name →
#FFDBE5
oklch(0.924 0.042 359.3)
Renk dönüşümleri
- HEX
- #ffdbe5
- RGB
- rgb(255 219 229)
- HSL
- hsl(343 100% 93%)
- HWB
- hwb(343 86% 0%)
- OKLCH
- oklch(0.924 0.042 359.3)
- OKLab
- oklab(0.924 0.042 0)
- CIE Lab
- lab(90.68 14.07 -0.04)
- LCH
- lch(90.68 14.07 359.8)
- CMYK
- cmyk(0% 14% 10% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFDFE8
- FFE2EA
- FFE6ED
- FFE9EF
- FFEDF2
- FFF1F5
- FFF4F7
- FFF8FA
- FFFBFC
Koyu tonlar
- DEBEC7
- BEA2AA
- 9E878E
- 806D72
- 635458
- 483C3F
- 2E2628
- 161112
- 030203
Gri tonlar
- F2D2DA
- E5C8D0
- D7BFC6
- CBB6BB
- BEACB1
- B1A3A7
- A59A9D
- 989293
- 8C898A
Renk uyumları
Tamamlayıcı +180°
- FFDBE5
Pink Perfume
- C9F0E7
≈ Caribbean
Analog -30° +30°
- FFDBE5
Pink Perfume
- F7DDF4
≈ Grape Taffy
- FFDDD7
≈ Peach Schnapps
Üçlü +120° +240°
- FFDBE5
Pink Perfume
- E2EBCC
≈ Honeydew Melon
- CEEAFF
≈ Veiling Waterfalls
Bölünmüş tamamlayıcı +150° +210°
- FFDBE5
Pink Perfume
- D3EED7
≈ End of the Rainbow
- C7EEF5
≈ Icy Breeze
Dörtlü +90° +180° +270°
- FFDBE5
Pink Perfume
- F1E5C7
≈ Paper Daisy
- C9F0E7
≈ Caribbean
- DCE6FF
≈ Lavender Mist
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.27:1 · APCA Lc 13
Ag
AAASiyah üzerinde
WCAG 16.51:1 · APCA Lc 90
En iyi metin rengi: #000000
WCAG 16.51:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
CSS
:root {
--pink-perfume: #ffdbe5;
--pink-perfume-rgb: 255 219 229;
--pink-perfume-oklch: oklch(0.924 0.042 359.3);
}
.element {
color: var(--pink-perfume);
background-color: hsl(343 100% 93%);
border-color: oklch(0.924 0.042 359.3);
}Tailwind CSS v4
@theme {
--color-pink-perfume: #ffdbe5;
--color-pink-perfume-50: #fff0f4;
--color-pink-perfume-100: #f5e2e7;
--color-pink-perfume-200: #e5cdd3;
--color-pink-perfume-300: #cbafb6;
--color-pink-perfume-400: #b4959e;
--color-pink-perfume-500: #9e7b85;
--color-pink-perfume-600: #866871;
--color-pink-perfume-700: #6b535a;
--color-pink-perfume-800: #4f3d42;
--color-pink-perfume-900: #372a2e;
--color-pink-perfume-950: #22171b;
}SCSS
$pink-perfume: #ffdbe5;
$pink-perfume-rgb: 255, 219, 229;
$pink-perfume-light: mix(#fff, $pink-perfume, 20%);
$pink-perfume-dark: mix(#000, $pink-perfume, 20%);
.element {
color: $pink-perfume;
box-shadow: 0 0 0 2px rgba($pink-perfume, 0.35);
}