لون مسمّى · #A3BFB9
Botanical Bliss
Botanical Bliss هو #A3BFB9: rgb(163 191 185)، hsl(167 18% 69%)، oklch(0.782 0.032 181.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Botanical Bliss color name →
#A3BFB9
oklch(0.782 0.032 181.1)
تحويلات الألوان
- HEX
- #a3bfb9
- RGB
- rgb(163 191 185)
- HSL
- hsl(167 18% 69%)
- HWB
- hwb(167 64% 25%)
- OKLCH
- oklch(0.782 0.032 181.1)
- OKLab
- oklab(0.782 -0.032 -0.001)
- CIE Lab
- lab(75.1 -10.75 -0.32)
- LCH
- lch(75.1 10.75 181.7)
- CMYK
- cmyk(15% 0% 3% 25%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- ACC5C0
- B5CCC7
- BED2CE
- C7D8D4
- D0DFDB
- DAE5E2
- E3ECEA
- ECF2F1
- F6F8F8
درجات داكنة
- 8DA6A0
- 788D89
- 637571
- 4F5E5B
- 3C4846
- 2A3331
- 191F1E
- 0A0D0D
- 010202
درجات رمادية
- A0B9B3
- 9CB2AD
- 99ACA8
- 95A5A2
- 929F9C
- 8E9996
- 8B9291
- 878C8B
- 848686
تناسق الألوان
متمم +180°
- A3BFB9
Botanical Bliss
- CAB0B7
≈ Scented Frill
متجاور -30° +30°
- A3BFB9
Botanical Bliss
- AABEAE
≈ Young Gecko
- A2BEC3
≈ Clear Vista
ثلاثي +120° +240°
- A3BFB9
Botanical Bliss
- BBB4CA
≈ Violet Beauty
- C8B4A4
≈ Cool Beige
متمم منقسم +150° +210°
- A3BFB9
Botanical Bliss
- C4B1C1
≈ La-De-Dah
- CBB1AC
≈ Garden Snail
رباعي +90° +180° +270°
- A3BFB9
Botanical Bliss
- B0B7CD
≈ Ethereal Mist
- CAB0B7
≈ Scented Frill
- BFB8A2
≈ Tidal Foam
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.96:1 · APCA Lc 38
Ag
AAAعلى الأسود
WCAG 10.71:1 · APCA Lc 65
أفضل لون للنص: #000000
WCAG 10.71:1 (AAA) · APCA Lc 65
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--botanical-bliss: #a3bfb9;
--botanical-bliss-rgb: 163 191 185;
--botanical-bliss-oklch: oklch(0.782 0.032 181.1);
}
.element {
color: var(--botanical-bliss);
background-color: hsl(167 18% 69%);
border-color: oklch(0.782 0.032 181.1);
}Tailwind CSS v4
@theme {
--color-botanical-bliss: #a3bfb9;
--color-botanical-bliss-50: #ecf8f6;
--color-botanical-bliss-100: #ddece9;
--color-botanical-bliss-200: #c6d9d5;
--color-botanical-bliss-300: #a7bdb9;
--color-botanical-bliss-400: #8ba59f;
--color-botanical-bliss-500: #708d87;
--color-botanical-bliss-600: #5f7872;
--color-botanical-bliss-700: #4c605c;
--color-botanical-bliss-800: #374642;
--color-botanical-bliss-900: #25312e;
--color-botanical-bliss-950: #141d1b;
}SCSS
$botanical-bliss: #a3bfb9;
$botanical-bliss-rgb: 163, 191, 185;
$botanical-bliss-light: mix(#fff, $botanical-bliss, 20%);
$botanical-bliss-dark: mix(#000, $botanical-bliss, 20%);
.element {
color: $botanical-bliss;
box-shadow: 0 0 0 2px rgba($botanical-bliss, 0.35);
}