لون مسمّى · #FCC9B6
Dolly Cheek
Dolly Cheek هو #FCC9B6: rgb(252 201 182)، hsl(16 92% 85%)، oklch(0.876 0.064 41.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Pink mean? → · Dolly Cheek color name →
#FCC9B6
oklch(0.876 0.064 41.4)
تحويلات الألوان
- HEX
- #fcc9b6
- RGB
- rgb(252 201 182)
- HSL
- hsl(16 92% 85%)
- HWB
- hwb(16 71% 1%)
- OKLCH
- oklch(0.876 0.064 41.4)
- OKLab
- oklab(0.876 0.048 0.042)
- CIE Lab
- lab(85.18 16.71 16.78)
- LCH
- lch(85.18 23.68 45.1)
- CMYK
- cmyk(0% 20% 28% 1%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FDCEBD
- FDD4C5
- FED9CC
- FEDFD3
- FEE4DA
- FFE9E2
- FFEFE9
- FFF4F0
- FFFAF8
درجات داكنة
- DBAE9E
- BB9586
- 9C7C6F
- 7E6459
- 624C44
- 473630
- 2D221D
- 160F0C
- 030202
درجات رمادية
- EFC2B1
- E2BAAB
- D6B3A6
- C9ABA0
- BDA49B
- B09D95
- A49590
- 988E8B
- 8C8785
تناسق الألوان
متمم +180°
- FCC9B6
Dolly Cheek
- A8E0F4
≈ Van Gogh Blue
متجاور -30° +30°
- FCC9B6
Dolly Cheek
- FDC5CB
≈ Rubber Rose
- F1D0A9
≈ Ceramic Beige
ثلاثي +120° +240°
- FCC9B6
Dolly Cheek
- B1E4C9
≈ Coastal Foam
- CED2FF
≈ Pale Phthalo Blue
متمم منقسم +150° +210°
- FCC9B6
Dolly Cheek
- A5E4E0
≈ Ice Crystal Blue
- B8DAFF
≈ Broad Daylight
رباعي +90° +180° +270°
- FCC9B6
Dolly Cheek
- C7DFB4
≈ Satin Green
- A8E0F4
≈ Van Gogh Blue
- E4CBF6
≈ Mousse aux Pruneaux
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.48:1 · APCA Lc 23
Ag
AAAعلى الأسود
WCAG 14.16:1 · APCA Lc 81
أفضل لون للنص: #000000
WCAG 14.16:1 (AAA) · APCA Lc 81
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--dolly-cheek: #fcc9b6;
--dolly-cheek-rgb: 252 201 182;
--dolly-cheek-oklch: oklch(0.876 0.064 41.4);
}
.element {
color: var(--dolly-cheek);
background-color: hsl(16 92% 85%);
border-color: oklch(0.876 0.064 41.4);
}Tailwind CSS v4
@theme {
--color-dolly-cheek: #fcc9b6;
--color-dolly-cheek-50: #fff0e7;
--color-dolly-cheek-100: #fce2d7;
--color-dolly-cheek-200: #edccbf;
--color-dolly-cheek-300: #d5ae9e;
--color-dolly-cheek-400: #c09281;
--color-dolly-cheek-500: #ab7865;
--color-dolly-cheek-600: #916656;
--color-dolly-cheek-700: #745144;
--color-dolly-cheek-800: #563b32;
--color-dolly-cheek-900: #3c2822;
--color-dolly-cheek-950: #261611;
}SCSS
$dolly-cheek: #fcc9b6;
$dolly-cheek-rgb: 252, 201, 182;
$dolly-cheek-light: mix(#fff, $dolly-cheek, 20%);
$dolly-cheek-dark: mix(#000, $dolly-cheek, 20%);
.element {
color: $dolly-cheek;
box-shadow: 0 0 0 2px rgba($dolly-cheek, 0.35);
}