En yakın adlandırılmış renk · #FFE5E2
#FFE5E2
En yakın adlandırılmış renk: Pink Glitter
#FFE5E2 (rgb(255 229 226), hsl(6 100% 94%), oklch(0.942 0.029 25.6)) en çok Pink Glitter 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.
#FFE5E2
oklch(0.942 0.029 25.6)
Renk dönüşümleri
- HEX
- #ffe5e2
- RGB
- rgb(255 229 226)
- HSL
- hsl(6 100% 94%)
- HWB
- hwb(6 89% 0%)
- OKLCH
- oklch(0.942 0.029 25.6)
- OKLab
- oklab(0.942 0.026 0.012)
- CIE Lab
- lab(93.03 8.83 4.88)
- LCH
- lch(93.03 10.09 28.9)
- CMYK
- cmyk(0% 10% 11% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFE8E5
- FFEAE8
- FFEDEB
- FFEFEE
- FFF2F0
- FFF5F3
- FFF7F6
- FFFAF9
- FFFCFC
Koyu tonlar
- DEC7C4
- BEAAA8
- 9E8E8C
- 807271
- 635857
- 483F3E
- 2E2827
- 161212
- 030303
Gri tonlar
- F2DAD8
- E4D0CE
- D7C6C4
- CABBBA
- BEB1B0
- B1A7A6
- A59D9C
- 989393
- 8C8A89
Renk uyumları
Tamamlayıcı +180°
- FFE5E2
Pink Glitter
- D7F2F5
≈ Let It Snow
Analog -30° +30°
- FFE5E2
Pink Glitter
- FDE4ED
≈ Early Blossom
- FCE7DA
≈ Slightly in Love
Üçlü +120° +240°
- FFE5E2
Pink Glitter
- E0F1E0
≈ Mint Grasshopper
- E3ECFF
≈ Husky
Bölünmüş tamamlayıcı +150° +210°
- FFE5E2
Pink Glitter
- D9F3EB
≈ Minted Ice
- DAF0FD
≈ Wizard White
Dörtlü +90° +180° +270°
- FFE5E2
Pink Glitter
- EBEFD9
≈ Memoir
- D7F2F5
≈ Let It Snow
- EDE8FE
≈ Bright Dusk
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.19:1 · APCA Lc 10
Ag
AAASiyah üzerinde
WCAG 17.55:1 · APCA Lc 95
En iyi metin rengi: #000000
WCAG 17.55:1 (AAA) · APCA Lc 95
Contrast pairs
Kod parçacıkları
CSS
:root {
--pink-glitter: #ffe5e2;
--pink-glitter-rgb: 255 229 226;
--pink-glitter-oklch: oklch(0.942 0.029 25.6);
}
.element {
color: var(--pink-glitter);
background-color: hsl(6 100% 94%);
border-color: oklch(0.942 0.029 25.6);
}Tailwind CSS v4
@theme {
--color-pink-glitter: #ffe5e2;
--color-pink-glitter-50: #fdf2f1;
--color-pink-glitter-100: #f1e4e3;
--color-pink-glitter-200: #e0d0cd;
--color-pink-glitter-300: #c6b2af;
--color-pink-glitter-400: #af9896;
--color-pink-glitter-500: #997f7c;
--color-pink-glitter-600: #816c69;
--color-pink-glitter-700: #675654;
--color-pink-glitter-800: #4c3f3e;
--color-pink-glitter-900: #352b2a;
--color-pink-glitter-950: #201818;
}SCSS
$pink-glitter: #ffe5e2;
$pink-glitter-rgb: 255, 229, 226;
$pink-glitter-light: mix(#fff, $pink-glitter, 20%);
$pink-glitter-dark: mix(#000, $pink-glitter, 20%);
.element {
color: $pink-glitter;
box-shadow: 0 0 0 2px rgba($pink-glitter, 0.35);
}