لون مسمّى · #DB8981
Lobster Bisque
Lobster Bisque هو #DB8981: rgb(219 137 129)، hsl(5 56% 68%)، oklch(0.713 0.102 25.9). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Lobster Bisque color name →
#DB8981
oklch(0.713 0.102 25.9)
تحويلات الألوان
- HEX
- #db8981
- RGB
- rgb(219 137 129)
- HSL
- hsl(5 56% 68%)
- HWB
- hwb(5 51% 14%)
- OKLCH
- oklch(0.713 0.102 25.9)
- OKLab
- oklab(0.713 0.092 0.045)
- CIE Lab
- lab(65.77 31.51 18.2)
- LCH
- lch(65.77 36.38 30)
- CMYK
- cmyk(0% 37% 41% 14%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E0958D
- E4A199
- E8ACA6
- ECB8B2
- F0C4BF
- F3D0CB
- F7DBD8
- FAE7E5
- FCF3F2
درجات داكنة
- BE766F
- A2645E
- 87534E
- 6D423E
- 54312E
- 3C221F
- 261412
- 110706
- 020101
درجات رمادية
- D28981
- C98881
- C08781
- B78681
- AE8681
- A58581
- 9C8481
- 938280
- 8A8180
تناسق الألوان
متمم +180°
- DB8981
Lobster Bisque
- 43B5C2
≈ Glassmith
متجاور -30° +30°
- DB8981
Lobster Bisque
- D587A5
≈ Primrose
- D39162
≈ Whiskey
ثلاثي +120° +240°
- DB8981
Lobster Bisque
- 78B47C
≈ Joshua Tree
- 84A1E3
≈ Blue Cue
متمم منقسم +150° +210°
- DB8981
Lobster Bisque
- 51B7A0
≈ Keppel
- 5EACDA
≈ Salem Blue
رباعي +90° +180° +270°
- DB8981
Lobster Bisque
- 9FAB5E
≈ Stay in Lime
- 43B5C2
≈ Glassmith
- A895DB
≈ Dull Lavender
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.65:1 · APCA Lc 51
Ag
AAAعلى الأسود
WCAG 7.90:1 · APCA Lc 50
أفضل لون للنص: #000000
WCAG 7.90:1 (AAA) · APCA Lc 50
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--lobster-bisque: #db8981;
--lobster-bisque-rgb: 219 137 129;
--lobster-bisque-oklch: oklch(0.713 0.102 25.9);
}
.element {
color: var(--lobster-bisque);
background-color: hsl(5 56% 68%);
border-color: oklch(0.713 0.102 25.9);
}Tailwind CSS v4
@theme {
--color-lobster-bisque: #db8981;
--color-lobster-bisque-50: #ffebe5;
--color-lobster-bisque-100: #ffdcd5;
--color-lobster-bisque-200: #fdc4bc;
--color-lobster-bisque-300: #e7a49a;
--color-lobster-bisque-400: #d4867f;
--color-lobster-bisque-500: #c06a62;
--color-lobster-bisque-600: #a35a53;
--color-lobster-bisque-700: #834842;
--color-lobster-bisque-800: #613331;
--color-lobster-bisque-900: #442321;
--color-lobster-bisque-950: #2c1211;
}SCSS
$lobster-bisque: #db8981;
$lobster-bisque-rgb: 219, 137, 129;
$lobster-bisque-light: mix(#fff, $lobster-bisque, 20%);
$lobster-bisque-dark: mix(#000, $lobster-bisque, 20%);
.element {
color: $lobster-bisque;
box-shadow: 0 0 0 2px rgba($lobster-bisque, 0.35);
}