لون مسمّى · #FB8DA6
Bunny Fluff
Bunny Fluff هو #FB8DA6: rgb(251 141 166)، hsl(346 93% 77%)، oklch(0.768 0.135 6.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Bunny Fluff color name →
#FB8DA6
oklch(0.768 0.135 6.2)
تحويلات الألوان
- HEX
- #fb8da6
- RGB
- rgb(251 141 166)
- HSL
- hsl(346 93% 77%)
- HWB
- hwb(346 55% 2%)
- OKLCH
- oklch(0.768 0.135 6.2)
- OKLab
- oklab(0.768 0.134 0.015)
- CIE Lab
- lab(71.47 44.52 6.24)
- LCH
- lch(71.47 44.95 8)
- CMYK
- cmyk(0% 44% 34% 2%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FD99AF
- FEA5B7
- FFB0C0
- FFBCC9
- FFC7D2
- FFD2DB
- FFDDE4
- FFE9ED
- FFF4F6
درجات داكنة
- DA7A90
- BA677A
- 9C5565
- 7E4451
- 61333E
- 46232B
- 2D141A
- 15070A
- 030101
درجات رمادية
- EF8CA2
- E38C9E
- D78B9A
- CB8A97
- BE8893
- B2878F
- A6858B
- 998487
- 8D8284
تناسق الألوان
متمم +180°
- FB8DA6
Bunny Fluff
- 00CFC1
≈ Exquisite Turquoise
متجاور -30° +30°
- FB8DA6
Bunny Fluff
- E991D4
≈ Mayflower Orchid
- FD9375
≈ Alexandria
ثلاثي +120° +240°
- FB8DA6
Bunny Fluff
- 9EC35F
≈ Spring Lime
- 6BBBFF
≈ Green Darner Tail
متمم منقسم +150° +210°
- FB8DA6
Bunny Fluff
- 60CD8F
≈ Van Gogh Green
- 0EC8EA
≈ Picnic Day Sky
رباعي +90° +180° +270°
- FB8DA6
Bunny Fluff
- CDB33F
≈ Sugar Leaves
- 00CFC1
≈ Exquisite Turquoise
- 9FADFF
≈ Widowmaker
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.21:1 · APCA Lc 43
Ag
AAAعلى الأسود
WCAG 9.46:1 · APCA Lc 59
أفضل لون للنص: #000000
WCAG 9.46:1 (AAA) · APCA Lc 59
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--bunny-fluff: #fb8da6;
--bunny-fluff-rgb: 251 141 166;
--bunny-fluff-oklch: oklch(0.768 0.135 6.2);
}
.element {
color: var(--bunny-fluff);
background-color: hsl(346 93% 77%);
border-color: oklch(0.768 0.135 6.2);
}Tailwind CSS v4
@theme {
--color-bunny-fluff: #fb8da6;
--color-bunny-fluff-50: #ffe6ee;
--color-bunny-fluff-100: #ffd6df;
--color-bunny-fluff-200: #ffbdc9;
--color-bunny-fluff-300: #f39aaa;
--color-bunny-fluff-400: #e07a92;
--color-bunny-fluff-500: #cd5a78;
--color-bunny-fluff-600: #ae4d66;
--color-bunny-fluff-700: #8b3d51;
--color-bunny-fluff-800: #672c3d;
--color-bunny-fluff-900: #491d2a;
--color-bunny-fluff-950: #2f0d17;
}SCSS
$bunny-fluff: #fb8da6;
$bunny-fluff-rgb: 251, 141, 166;
$bunny-fluff-light: mix(#fff, $bunny-fluff, 20%);
$bunny-fluff-dark: mix(#000, $bunny-fluff, 20%);
.element {
color: $bunny-fluff;
box-shadow: 0 0 0 2px rgba($bunny-fluff, 0.35);
}