Adlandırılmış renk · #E2D9DD
Philanthropist Pink
Philanthropist Pink, #E2D9DD: rgb(226 217 221), hsl(333 13% 87%), oklch(0.894 0.011 348.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Philanthropist Pink color name →
#E2D9DD
oklch(0.894 0.011 348.5)
Renk dönüşümleri
- HEX
- #e2d9dd
- RGB
- rgb(226 217 221)
- HSL
- hsl(333 13% 87%)
- HWB
- hwb(333 85% 11%)
- OKLCH
- oklch(0.894 0.011 348.5)
- OKLab
- oklab(0.894 0.011 -0.002)
- CIE Lab
- lab(87.51 3.71 -0.82)
- LCH
- lch(87.51 3.8 347.6)
- CMYK
- cmyk(0% 4% 2% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E5DDE0
- E8E1E4
- EBE4E7
- EEE8EA
- F0ECEE
- F3F0F1
- F6F3F5
- F9F7F8
- FCFBFC
Koyu tonlar
- C4BCC0
- A8A1A4
- 8C8688
- 716C6E
- 575355
- 3E3B3D
- 272526
- 121111
- 030202
Gri tonlar
- D8D0D3
- CEC7CA
- C4BDC0
- BAB4B7
- B0ABAD
- A6A3A4
- 9C9A9B
- 939192
- 898889
Renk uyumları
Tamamlayıcı +180°
- E2D9DD
Philanthropist Pink
- D5DEDA
≈ Mystic
Analog -30° +30°
- E2D9DD
Philanthropist Pink
- DFDAE1
≈ Breathless
- E3D9D9
≈ Star Magic
Üçlü +120° +240°
- E2D9DD
Philanthropist Pink
- DCDDD4
≈ Frosty White
- D5DDE2
≈ Mystic Pool
Bölünmüş tamamlayıcı +150° +210°
- E2D9DD
Philanthropist Pink
- D8DED7
≈ White Sash
- D4DEDE
≈ Spa Blue
Dörtlü +90° +180° +270°
- E2D9DD
Philanthropist Pink
- E0DBD4
≈ Empire Porcelain
- D5DEDA
≈ Mystic
- D7DCE3
≈ Wispy Skies
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.38:1 · APCA Lc 19
Ag
AAASiyah üzerinde
WCAG 15.20:1 · APCA Lc 85
En iyi metin rengi: #000000
WCAG 15.20:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--philanthropist-pink: #e2d9dd;
--philanthropist-pink-rgb: 226 217 221;
--philanthropist-pink-oklch: oklch(0.894 0.011 348.5);
}
.element {
color: var(--philanthropist-pink);
background-color: hsl(333 13% 87%);
border-color: oklch(0.894 0.011 348.5);
}Tailwind CSS v4
@theme {
--color-philanthropist-pink: #e2d9dd;
--color-philanthropist-pink-50: #f8f4f5;
--color-philanthropist-pink-100: #ebe6e8;
--color-philanthropist-pink-200: #d8d2d5;
--color-philanthropist-pink-300: #bcb5b8;
--color-philanthropist-pink-400: #a49c9f;
--color-philanthropist-pink-500: #8c8387;
--color-philanthropist-pink-600: #776f72;
--color-philanthropist-pink-700: #5f595c;
--color-philanthropist-pink-800: #454143;
--color-philanthropist-pink-900: #302d2e;
--color-philanthropist-pink-950: #1c1a1b;
}SCSS
$philanthropist-pink: #e2d9dd;
$philanthropist-pink-rgb: 226, 217, 221;
$philanthropist-pink-light: mix(#fff, $philanthropist-pink, 20%);
$philanthropist-pink-dark: mix(#000, $philanthropist-pink, 20%);
.element {
color: $philanthropist-pink;
box-shadow: 0 0 0 2px rgba($philanthropist-pink, 0.35);
}