Warna bernama · #E4CFD3
Delicate Pink
Delicate Pink adalah #E4CFD3: rgb(228 207 211), hsl(349 28% 85%), oklch(0.873 0.024 4.6). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Delicate Pink color name →
#E4CFD3
oklch(0.873 0.024 4.6)
Konversi warna
- HEX
- #e4cfd3
- RGB
- rgb(228 207 211)
- HSL
- hsl(349 28% 85%)
- HWB
- hwb(349 81% 11%)
- OKLCH
- oklch(0.873 0.024 4.6)
- OKLab
- oklab(0.873 0.024 0.002)
- CIE Lab
- lab(84.97 8.05 0.81)
- LCH
- lch(84.97 8.09 5.7)
- CMYK
- cmyk(0% 9% 7% 11%)
Tint · Shade · Tone
Tint
- E7D4D7
- E9D8DC
- ECDDE0
- EFE2E4
- F2E7E9
- F4ECED
- F7F0F2
- FAF5F6
- FCFAFB
Shade
- C6B4B7
- A9999C
- 8D7F82
- 726769
- 584F51
- 3F383A
- 282324
- 121010
- 030202
Tone
- DAC7CA
- CFBFC2
- C5B7B9
- BBAFB1
- B1A7A9
- A79FA0
- 9D9798
- 938F90
- 8A8888
Harmoni warna
Komplementer +180°
- E4CFD3
Delicate Pink
- C5DBD7
≈ Morning Dew White
Analog -30° +30°
- E4CFD3
Delicate Pink
- E0D0DC
≈ Orchid Ice
- E4D0CB
≈ Pink Marble
Triadik +120° +240°
- E4CFD3
Delicate Pink
- D1D8C7
≈ Bayberry Frost
- C9D7E4
≈ Lively Tune
Split-komplementer +150° +210°
- E4CFD3
Delicate Pink
- CADACE
≈ Tenderness
- C4DADF
≈ Light Dewpoint
Tetradik +90° +180° +270°
- E4CFD3
Delicate Pink
- DAD5C4
≈ Plume Grass
- C5DBD7
≈ Morning Dew White
- D0D4E5
≈ Light Iced Lavender
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.48:1 · APCA Lc 23
Ag
AAADi atas hitam
WCAG 14.16:1 · APCA Lc 80
Warna teks terbaik: #000000
WCAG 14.16:1 (AAA) · APCA Lc 80
Contrast pairs
Cuplikan kode
CSS
:root {
--delicate-pink: #e4cfd3;
--delicate-pink-rgb: 228 207 211;
--delicate-pink-oklch: oklch(0.873 0.024 4.6);
}
.element {
color: var(--delicate-pink);
background-color: hsl(349 28% 85%);
border-color: oklch(0.873 0.024 4.6);
}Tailwind CSS v4
@theme {
--color-delicate-pink: #e4cfd3;
--color-delicate-pink-50: #fcf2f4;
--color-delicate-pink-100: #f0e5e6;
--color-delicate-pink-200: #ded0d2;
--color-delicate-pink-300: #c3b3b5;
--color-delicate-pink-400: #ac999c;
--color-delicate-pink-500: #958084;
--color-delicate-pink-600: #7e6c70;
--color-delicate-pink-700: #655759;
--color-delicate-pink-800: #4a3f42;
--color-delicate-pink-900: #332b2d;
--color-delicate-pink-950: #1f191a;
}SCSS
$delicate-pink: #e4cfd3;
$delicate-pink-rgb: 228, 207, 211;
$delicate-pink-light: mix(#fff, $delicate-pink, 20%);
$delicate-pink-dark: mix(#000, $delicate-pink, 20%);
.element {
color: $delicate-pink;
box-shadow: 0 0 0 2px rgba($delicate-pink, 0.35);
}