لون مسمّى · #B5A197
Thorn Crown
Thorn Crown هو #B5A197: rgb(181 161 151)، hsl(20 17% 65%)، oklch(0.724 0.028 48.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Thorn Crown color name →
#B5A197
oklch(0.724 0.028 48.3)
تحويلات الألوان
- HEX
- #b5a197
- RGB
- rgb(181 161 151)
- HSL
- hsl(20 17% 65%)
- HWB
- hwb(20 59% 29%)
- OKLCH
- oklch(0.724 0.028 48.3)
- OKLab
- oklab(0.724 0.018 0.021)
- CIE Lab
- lab(67.8 6.33 8.04)
- LCH
- lch(67.8 10.23 51.8)
- CMYK
- cmyk(0% 11% 17% 29%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- BCAAA1
- C4B3AB
- CBBCB5
- D2C6BF
- DACFCA
- E1D9D4
- E8E2DF
- F0ECE9
- F7F5F4
درجات داكنة
- 9D8B83
- 86766F
- 6F625C
- 594E49
- 443C37
- 302A26
- 1D1917
- 0C0908
- 020101
درجات رمادية
- B09E95
- AA9A92
- A59790
- A0948E
- 9A908B
- 958D89
- 908A87
- 8A8785
- 858382
تناسق الألوان
متمم +180°
- B5A197
Thorn Crown
- 95AAB4
≈ Meditative
متجاور -30° +30°
- B5A197
Thorn Crown
- B79F9F
≈ Dressy Rose
- AFA493
≈ Smoked Tan
ثلاثي +120° +240°
- B5A197
Thorn Crown
- 96ACA2
≈ Halcyon Green
- A4A3B7
≈ Awaken
متمم منقسم +150° +210°
- B5A197
Thorn Crown
- 92ABAC
≈ Grey Mist
- 9BA7B7
≈ Acier Tint
رباعي +90° +180° +270°
- B5A197
Thorn Crown
- 9DAA9A
≈ Scotland Road
- 95AAB4
≈ Meditative
- ADA1B1
≈ Grapeade
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.46:1 · APCA Lc 49
Ag
AAAعلى الأسود
WCAG 8.50:1 · APCA Lc 53
أفضل لون للنص: #000000
WCAG 8.50:1 (AAA) · APCA Lc 53
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--thorn-crown: #b5a197;
--thorn-crown-rgb: 181 161 151;
--thorn-crown-oklch: oklch(0.724 0.028 48.3);
}
.element {
color: var(--thorn-crown);
background-color: hsl(20 17% 65%);
border-color: oklch(0.724 0.028 48.3);
}Tailwind CSS v4
@theme {
--color-thorn-crown: #b5a197;
--color-thorn-crown-50: #fcf3ee;
--color-thorn-crown-100: #f0e5e0;
--color-thorn-crown-200: #dfd1ca;
--color-thorn-crown-300: #c4b4ab;
--color-thorn-crown-400: #ad9a91;
--color-thorn-crown-500: #968177;
--color-thorn-crown-600: #7f6d64;
--color-thorn-crown-700: #665750;
--color-thorn-crown-800: #4b403a;
--color-thorn-crown-900: #342c28;
--color-thorn-crown-950: #1f1916;
}SCSS
$thorn-crown: #b5a197;
$thorn-crown-rgb: 181, 161, 151;
$thorn-crown-light: mix(#fff, $thorn-crown, 20%);
$thorn-crown-dark: mix(#000, $thorn-crown, 20%);
.element {
color: $thorn-crown;
box-shadow: 0 0 0 2px rgba($thorn-crown, 0.35);
}