لون مسمّى · #BEB861
Columbian Gold
Columbian Gold هو #BEB861: rgb(190 184 97)، hsl(56 42% 56%)، oklch(0.769 0.11 105.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Columbian Gold color name →
#BEB861
oklch(0.769 0.11 105.2)
تحويلات الألوان
- HEX
- #beb861
- RGB
- rgb(190 184 97)
- HSL
- hsl(56 42% 56%)
- HWB
- hwb(56 38% 25%)
- OKLCH
- oklch(0.769 0.11 105.2)
- OKLab
- oklab(0.769 -0.029 0.106)
- CIE Lab
- lab(73.9 -6.6 44.52)
- LCH
- lch(73.9 45.01 98.4)
- CMYK
- cmyk(0% 3% 49% 25%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- C4BF72
- CAC683
- D1CD93
- D7D5A3
- DEDCB2
- E4E3C2
- EBEAD1
- F1F1E0
- F8F8F0
درجات داكنة
- A5A053
- 8C8846
- 757139
- 5E5B2D
- 484521
- 333115
- 1F1E0B
- 0D0C03
- 020200
درجات رمادية
- B8B266
- B1AD6A
- ABA76E
- A4A272
- 9E9C75
- 989677
- 92917A
- 8C8B7C
- 86867E
تناسق الألوان
متمم +180°
- BEB861
Columbian Gold
- ADAAF7
≈ Shy Moment
متجاور -30° +30°
- BEB861
Columbian Gold
- DDAA60
≈ Sugar Honey Cashew
- 95C47C
≈ Lime Parfait
ثلاثي +120° +240°
- BEB861
Columbian Gold
- 5BC2E9
≈ Clean Pool
- E697C4
≈ Crepe Myrtle
متمم منقسم +150° +210°
- BEB861
Columbian Gold
- 84B7F9
≈ Carolina Blue
- CF9EE4
≈ Bright Ube
رباعي +90° +180° +270°
- BEB861
Columbian Gold
- 4BCACA
≈ Rapids
- ADAAF7
≈ Shy Moment
- F1969D
≈ Primrose Garden
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.05:1 · APCA Lc 40
Ag
AAAعلى الأسود
WCAG 10.21:1 · APCA Lc 62
أفضل لون للنص: #000000
WCAG 10.21:1 (AAA) · APCA Lc 62
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--columbian-gold: #beb861;
--columbian-gold-rgb: 190 184 97;
--columbian-gold-oklch: oklch(0.769 0.11 105.2);
}
.element {
color: var(--columbian-gold);
background-color: hsl(56 42% 56%);
border-color: oklch(0.769 0.11 105.2);
}Tailwind CSS v4
@theme {
--color-columbian-gold: #beb861;
--color-columbian-gold-50: #f8f8d4;
--color-columbian-gold-100: #ebebc1;
--color-columbian-gold-200: #d9d8a2;
--color-columbian-gold-300: #bdbc79;
--color-columbian-gold-400: #a8a251;
--color-columbian-gold-500: #918a20;
--color-columbian-gold-600: #7b751e;
--color-columbian-gold-700: #625d18;
--color-columbian-gold-800: #49440e;
--color-columbian-gold-900: #332f09;
--color-columbian-gold-950: #1f1b00;
}SCSS
$columbian-gold: #beb861;
$columbian-gold-rgb: 190, 184, 97;
$columbian-gold-light: mix(#fff, $columbian-gold, 20%);
$columbian-gold-dark: mix(#000, $columbian-gold, 20%);
.element {
color: $columbian-gold;
box-shadow: 0 0 0 2px rgba($columbian-gold, 0.35);
}