لون مسمّى · #FFB3B1
Wildflower Bouquet
Wildflower Bouquet هو #FFB3B1: rgb(255 179 177)، hsl(2 100% 85%)، oklch(0.838 0.089 20.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Pink mean? → · Wildflower Bouquet color name →
#FFB3B1
oklch(0.838 0.089 20.8)
تحويلات الألوان
- HEX
- #ffb3b1
- RGB
- rgb(255 179 177)
- HSL
- hsl(2 100% 85%)
- HWB
- hwb(2 69% 0%)
- OKLCH
- oklch(0.838 0.089 20.8)
- OKLab
- oklab(0.838 0.083 0.032)
- CIE Lab
- lab(80.31 28.3 12.74)
- LCH
- lch(80.31 31.03 24.2)
- CMYK
- cmyk(0% 30% 31% 0%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FFBBB9
- FFC2C0
- FFCAC8
- FFD2D0
- FFD9D8
- FFE1DF
- FFE8E7
- FFF0EF
- FFF7F7
درجات داكنة
- DE9B99
- BE8483
- 9E6E6C
- 805857
- 634342
- 482F2F
- 2E1D1C
- 160C0C
- 030101
درجات رمادية
- F2AEAC
- E5A9A7
- D8A4A2
- CC9F9D
- BF9A98
- B29593
- A6908F
- 998A8A
- 8D8585
تناسق الألوان
متمم +180°
- FFB3B1
Wildflower Bouquet
- 7EDCE2
≈ Deep Aquamarine
متجاور -30° +30°
- FFB3B1
Wildflower Bouquet
- F8B2D1
≈ Fulgrim Pink
- FABA95
≈ Carotene
ثلاثي +120° +240°
- FFB3B1
Wildflower Bouquet
- AAD9A2
≈ Cool Aloe
- ACCBFF
≈ Night Snow
متمم منقسم +150° +210°
- FFB3B1
Wildflower Bouquet
- 8CDDC2
≈ Monet Vert
- 8CD5FA
≈ Kul Sharif Blue
رباعي +90° +180° +270°
- FFB3B1
Wildflower Bouquet
- CCD08B
≈ Sunken Treasure
- 7EDCE2
≈ Deep Aquamarine
- C9C1FF
≈ Lavender Tonic
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.70:1 · APCA Lc 30
Ag
AAAعلى الأسود
WCAG 12.33:1 · APCA Lc 72
أفضل لون للنص: #000000
WCAG 12.33:1 (AAA) · APCA Lc 72
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--wildflower-bouquet: #ffb3b1;
--wildflower-bouquet-rgb: 255 179 177;
--wildflower-bouquet-oklch: oklch(0.838 0.089 20.8);
}
.element {
color: var(--wildflower-bouquet);
background-color: hsl(2 100% 85%);
border-color: oklch(0.838 0.089 20.8);
}Tailwind CSS v4
@theme {
--color-wildflower-bouquet: #ffb3b1;
--color-wildflower-bouquet-50: #ffece9;
--color-wildflower-bouquet-100: #ffddda;
--color-wildflower-bouquet-200: #f8c6c3;
--color-wildflower-bouquet-300: #e2a6a2;
--color-wildflower-bouquet-400: #ce8988;
--color-wildflower-bouquet-500: #ba6d6d;
--color-wildflower-bouquet-600: #9d5d5c;
--color-wildflower-bouquet-700: #7e4a49;
--color-wildflower-bouquet-800: #5e3536;
--color-wildflower-bouquet-900: #422425;
--color-wildflower-bouquet-950: #2a1314;
}SCSS
$wildflower-bouquet: #ffb3b1;
$wildflower-bouquet-rgb: 255, 179, 177;
$wildflower-bouquet-light: mix(#fff, $wildflower-bouquet, 20%);
$wildflower-bouquet-dark: mix(#000, $wildflower-bouquet, 20%);
.element {
color: $wildflower-bouquet;
box-shadow: 0 0 0 2px rgba($wildflower-bouquet, 0.35);
}