أقرب لون مسمّى · #FFBBD5
#FFBBD5
أقرب لون مسمّى: Cotton Candy
#FFBBD5 (rgb(255 187 213)، hsl(337 100% 87%)، oklch(0.862 0.085 354.3)) أقرب إلى اللون المسمّى Cotton Candy. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#FFBBD5
oklch(0.862 0.085 354.3)
تحويلات الألوان
- HEX
- #ffbbd5
- RGB
- rgb(255 187 213)
- HSL
- hsl(337 100% 87%)
- HWB
- hwb(337 73% 0%)
- OKLCH
- oklch(0.862 0.085 354.3)
- OKLab
- oklab(0.862 0.084 -0.008)
- CIE Lab
- lab(82.86 28.02 -2.9)
- LCH
- lch(82.86 28.17 354.1)
- CMYK
- cmyk(0% 27% 16% 0%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FFC2D9
- FFC9DD
- FFD0E1
- FFD6E6
- FFDDEA
- FFE4EE
- FFEBF2
- FFF1F6
- FFF8FB
درجات داكنة
- DEA2B9
- BE8A9E
- 9E7383
- 805C6A
- 634651
- 48323A
- 2E1F24
- 160D10
- 030202
درجات رمادية
- F2B5CC
- E5AFC3
- D8A9BB
- CBA3B2
- BF9DAA
- B298A1
- A59299
- 998C90
- 8C8688
تناسق الألوان
متمم +180°
- FFBBD5
Cotton Candy
- 95E4CE
≈ Aqua Wish
متجاور -30° +30°
- FFBBD5
Cotton Candy
- EEBFF1
≈ Lovecloud
- FFBFBA
≈ Peach Scone
ثلاثي +120° +240°
- FFBBD5
Cotton Candy
- D0D898
≈ Cucumber Ice
- 9DDBFF
≈ Shiva Blue
متمم منقسم +150° +210°
- FFBBD5
Cotton Candy
- B0E1AF
≈ Celadon
- 8CE2EB
≈ Paradisiacal Getaway
رباعي +90° +180° +270°
- FFBBD5
Cotton Candy
- ECCE91
≈ Honeydew Sand
- 95E4CE
≈ Aqua Wish
- BBD2FF
≈ Ice Cold Stare
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.57:1 · APCA Lc 26
Ag
AAAعلى الأسود
WCAG 13.32:1 · APCA Lc 77
أفضل لون للنص: #000000
WCAG 13.32:1 (AAA) · APCA Lc 77
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--cotton-candy: #ffbbd5;
--cotton-candy-rgb: 255 187 213;
--cotton-candy-oklch: oklch(0.862 0.085 354.3);
}
.element {
color: var(--cotton-candy);
background-color: hsl(337 100% 87%);
border-color: oklch(0.862 0.085 354.3);
}Tailwind CSS v4
@theme {
--color-cotton-candy: #ffbbd5;
--color-cotton-candy-50: #ffecf6;
--color-cotton-candy-100: #ffdde8;
--color-cotton-candy-200: #f3c6d5;
--color-cotton-candy-300: #dca6b8;
--color-cotton-candy-400: #c78aa2;
--color-cotton-candy-500: #b26e8a;
--color-cotton-candy-600: #975d74;
--color-cotton-candy-700: #794b5d;
--color-cotton-candy-800: #593645;
--color-cotton-candy-900: #3e2530;
--color-cotton-candy-950: #27131c;
}SCSS
$cotton-candy: #ffbbd5;
$cotton-candy-rgb: 255, 187, 213;
$cotton-candy-light: mix(#fff, $cotton-candy, 20%);
$cotton-candy-dark: mix(#000, $cotton-candy, 20%);
.element {
color: $cotton-candy;
box-shadow: 0 0 0 2px rgba($cotton-candy, 0.35);
}