لون مسمّى · #FFD2C1
Simply Delicious
Simply Delicious هو #FFD2C1: rgb(255 210 193)، hsl(16 100% 88%)، oklch(0.898 0.056 41.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Pink mean? → · Simply Delicious color name →
#FFD2C1
oklch(0.898 0.056 41.7)
تحويلات الألوان
- HEX
- #ffd2c1
- RGB
- rgb(255 210 193)
- HSL
- hsl(16 100% 88%)
- HWB
- hwb(16 76% 0%)
- OKLCH
- oklch(0.898 0.056 41.7)
- OKLab
- oklab(0.898 0.042 0.037)
- CIE Lab
- lab(87.82 14.49 14.71)
- LCH
- lch(87.82 20.65 45.4)
- CMYK
- cmyk(0% 18% 24% 0%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FFD7C7
- FFDBCD
- FFE0D4
- FFE4DA
- FFE9E0
- FFEDE6
- FFF2EC
- FFF6F3
- FFFBF9
درجات داكنة
- DEB6A7
- BE9B8F
- 9E8177
- 80685F
- 635049
- 483934
- 2E2420
- 16100E
- 030202
درجات رمادية
- F2CABA
- E5C1B4
- D8B9AD
- CBB1A7
- BEA8A0
- B1A09A
- A59893
- 98908D
- 8C8886
تناسق الألوان
متمم +180°
- FFD2C1
Simply Delicious
- B5E7F8
≈ Breaking the Ice
متجاور -30° +30°
- FFD2C1
Simply Delicious
- FFCFD4
≈ Love Fumes
- F5D8B5
≈ Walnut Cream
ثلاثي +120° +240°
- FFD2C1
Simply Delicious
- BDEAD2
≈ Maypole
- D7DAFF
≈ Transparent Blue
متمم منقسم +150° +210°
- FFD2C1
Simply Delicious
- B3EAE7
≈ Spearmint Water
- C6E0FF
≈ Arc Light
رباعي +90° +180° +270°
- FFD2C1
Simply Delicious
- D0E6C0
≈ Sweet Spring
- B5E7F8
≈ Breaking the Ice
- EAD3F9
≈ Mousse aux Pruneaux
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.37:1 · APCA Lc 18
Ag
AAAعلى الأسود
WCAG 15.24:1 · APCA Lc 85
أفضل لون للنص: #000000
WCAG 15.24:1 (AAA) · APCA Lc 85
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--simply-delicious: #ffd2c1;
--simply-delicious-rgb: 255 210 193;
--simply-delicious-oklch: oklch(0.898 0.056 41.7);
}
.element {
color: var(--simply-delicious);
background-color: hsl(16 100% 88%);
border-color: oklch(0.898 0.056 41.7);
}Tailwind CSS v4
@theme {
--color-simply-delicious: #ffd2c1;
--color-simply-delicious-50: #fff1e9;
--color-simply-delicious-100: #f9e2d9;
--color-simply-delicious-200: #eacdc1;
--color-simply-delicious-300: #d1afa1;
--color-simply-delicious-400: #bc9485;
--color-simply-delicious-500: #a77a69;
--color-simply-delicious-600: #8d6859;
--color-simply-delicious-700: #715347;
--color-simply-delicious-800: #543c34;
--color-simply-delicious-900: #3a2923;
--color-simply-delicious-950: #241712;
}SCSS
$simply-delicious: #ffd2c1;
$simply-delicious-rgb: 255, 210, 193;
$simply-delicious-light: mix(#fff, $simply-delicious, 20%);
$simply-delicious-dark: mix(#000, $simply-delicious, 20%);
.element {
color: $simply-delicious;
box-shadow: 0 0 0 2px rgba($simply-delicious, 0.35);
}