لون مسمّى · #CEBDB4
Smokey Pink
Smokey Pink هو #CEBDB4: rgb(206 189 180)، hsl(21 21% 76%)، oklch(0.81 0.023 49.9). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Smokey Pink color name →
#CEBDB4
oklch(0.81 0.023 49.9)
تحويلات الألوان
- HEX
- #cebdb4
- RGB
- rgb(206 189 180)
- HSL
- hsl(21 21% 76%)
- HWB
- hwb(21 71% 19%)
- OKLCH
- oklch(0.81 0.023 49.9)
- OKLab
- oklab(0.81 0.015 0.018)
- CIE Lab
- lab(77.86 5.1 6.85)
- LCH
- lch(77.86 8.54 53.4)
- CMYK
- cmyk(0% 8% 13% 19%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D3C3BB
- D8CAC3
- DDD0CA
- E1D7D1
- E6DED9
- EBE4E0
- F0EBE8
- F5F2F0
- FAF8F7
درجات داكنة
- B3A49C
- 988C85
- 7F746E
- 665D58
- 4E4744
- 383330
- 231F1D
- 0F0D0C
- 020202
درجات رمادية
- C6B7AF
- BEB0A9
- B6AAA4
- AEA49F
- A69E9A
- 9E9894
- 97928F
- 8F8C8A
- 888685
تناسق الألوان
متمم +180°
- CEBDB4
Smokey Pink
- B3C4CD
≈ Blue Luna
متجاور -30° +30°
- CEBDB4
Smokey Pink
- D0BBBB
≈ Mediterranean Sunset
- C9C0B1
≈ Malibu Beige
ثلاثي +120° +240°
- CEBDB4
Smokey Pink
- B3C6BE
≈ Fresh Tone
- C0BFCF
≈ Gentleman’s Suit
متمم منقسم +150° +210°
- CEBDB4
Smokey Pink
- B1C6C7
≈ Blue Agave
- B8C2D0
≈ Pageant Song
رباعي +90° +180° +270°
- CEBDB4
Smokey Pink
- B9C5B7
≈ Median Green
- B3C4CD
≈ Blue Luna
- C8BCCA
≈ My Mona
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.81:1 · APCA Lc 34
Ag
AAAعلى الأسود
WCAG 11.56:1 · APCA Lc 69
أفضل لون للنص: #000000
WCAG 11.56:1 (AAA) · APCA Lc 69
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--smokey-pink: #cebdb4;
--smokey-pink-rgb: 206 189 180;
--smokey-pink-oklch: oklch(0.81 0.023 49.9);
}
.element {
color: var(--smokey-pink);
background-color: hsl(21 21% 76%);
border-color: oklch(0.81 0.023 49.9);
}Tailwind CSS v4
@theme {
--color-smokey-pink: #cebdb4;
--color-smokey-pink-50: #fbf3ef;
--color-smokey-pink-100: #efe6e1;
--color-smokey-pink-200: #ddd2cb;
--color-smokey-pink-300: #c2b4ad;
--color-smokey-pink-400: #aa9b93;
--color-smokey-pink-500: #938279;
--color-smokey-pink-600: #7d6e66;
--color-smokey-pink-700: #645852;
--color-smokey-pink-800: #49403c;
--color-smokey-pink-900: #332c29;
--color-smokey-pink-950: #1f1917;
}SCSS
$smokey-pink: #cebdb4;
$smokey-pink-rgb: 206, 189, 180;
$smokey-pink-light: mix(#fff, $smokey-pink, 20%);
$smokey-pink-dark: mix(#000, $smokey-pink, 20%);
.element {
color: $smokey-pink;
box-shadow: 0 0 0 2px rgba($smokey-pink, 0.35);
}