لون مسمّى · #FABEB5
Candy Kisses
Candy Kisses هو #FABEB5: rgb(250 190 181)، hsl(8 87% 85%)، oklch(0.853 0.071 28.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Pink mean? → · Candy Kisses color name →
#FABEB5
oklch(0.853 0.071 28.3)
تحويلات الألوان
- HEX
- #fabeb5
- RGB
- rgb(250 190 181)
- HSL
- hsl(8 87% 85%)
- HWB
- hwb(8 71% 2%)
- OKLCH
- oklch(0.853 0.071 28.3)
- OKLab
- oklab(0.853 0.062 0.034)
- CIE Lab
- lab(82.37 21.32 13.38)
- LCH
- lch(82.37 25.17 32.1)
- CMYK
- cmyk(0% 24% 28% 2%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FBC5BC
- FCCBC4
- FDD2CB
- FDD8D2
- FEDFDA
- FEE5E1
- FFECE9
- FFF2F0
- FFF9F7
درجات داكنة
- D9A59D
- BA8C86
- 9B756F
- 7D5E59
- 614844
- 463330
- 2D1F1D
- 150D0C
- 030202
درجات رمادية
- EDB8B0
- E1B1AA
- D5ABA5
- C8A5A0
- BC9F9A
- B09995
- A49290
- 988C8A
- 8C8685
تناسق الألوان
متمم +180°
- FABEB5
Candy Kisses
- 97DCE7
≈ Cool Water Lake
متجاور -30° +30°
- FABEB5
Candy Kisses
- F7BCCE
≈ Christy’s Smile
- F3C4A1
≈ Almond Cream
ثلاثي +120° +240°
- FABEB5
Candy Kisses
- B0DCB5
≈ Celtic Spring
- BBCEFE
≈ Ice Cold Stare
متمم منقسم +150° +210°
- FABEB5
Candy Kisses
- 9CDFCF
≈ Beach Glass
- A4D6F8
≈ Malmö FF
رباعي +90° +180° +270°
- FABEB5
Candy Kisses
- CAD6A1
≈ Cucumber Ice
- 97DCE7
≈ Cool Water Lake
- D4C5F8
≈ Innocent Snowdrop
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.60:1 · APCA Lc 27
Ag
AAAعلى الأسود
WCAG 13.09:1 · APCA Lc 76
أفضل لون للنص: #000000
WCAG 13.09:1 (AAA) · APCA Lc 76
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--candy-kisses: #fabeb5;
--candy-kisses-rgb: 250 190 181;
--candy-kisses-oklch: oklch(0.853 0.071 28.3);
}
.element {
color: var(--candy-kisses);
background-color: hsl(8 87% 85%);
border-color: oklch(0.853 0.071 28.3);
}Tailwind CSS v4
@theme {
--color-candy-kisses: #fabeb5;
--color-candy-kisses-50: #ffeee9;
--color-candy-kisses-100: #ffe0da;
--color-candy-kisses-200: #f1cac2;
--color-candy-kisses-300: #d9aba2;
--color-candy-kisses-400: #c58f87;
--color-candy-kisses-500: #b0746c;
--color-candy-kisses-600: #95625b;
--color-candy-kisses-700: #784f49;
--color-candy-kisses-800: #593935;
--color-candy-kisses-900: #3e2724;
--color-candy-kisses-950: #271513;
}SCSS
$candy-kisses: #fabeb5;
$candy-kisses-rgb: 250, 190, 181;
$candy-kisses-light: mix(#fff, $candy-kisses, 20%);
$candy-kisses-dark: mix(#000, $candy-kisses, 20%);
.element {
color: $candy-kisses;
box-shadow: 0 0 0 2px rgba($candy-kisses, 0.35);
}