لون مسمّى · #A6A081
Cricket
Cricket هو #A6A081: rgb(166 160 129)، hsl(50 17% 58%)، oklch(0.703 0.044 98.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Cricket color name →
#A6A081
oklch(0.703 0.044 98.3)
تحويلات الألوان
- HEX
- #a6a081
- RGB
- rgb(166 160 129)
- HSL
- hsl(50 17% 58%)
- HWB
- hwb(50 51% 35%)
- OKLCH
- oklch(0.703 0.044 98.3)
- OKLab
- oklab(0.703 -0.006 0.043)
- CIE Lab
- lab(65.76 -1.6 17.06)
- LCH
- lch(65.76 17.14 95.3)
- CMYK
- cmyk(0% 4% 22% 35%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- AFA98D
- B7B299
- C0BCA6
- C9C5B2
- D2CFBF
- DBD8CB
- E4E2D8
- EDEBE5
- F6F5F2
درجات داكنة
- 908B6F
- 7A765E
- 65614E
- 514E3E
- 3E3B2E
- 2B291F
- 1A1912
- 0A0906
- 010101
درجات رمادية
- A29D81
- 9E9A81
- 9A9681
- 979381
- 939081
- 8F8D81
- 8B8A81
- 878680
- 848380
تناسق الألوان
متمم +180°
- A6A081
Cricket
- 989DBB
≈ Midnight Blush
متجاور -30° +30°
- A6A081
Cricket
- B29B82
≈ Plush Tan
- 97A588
≈ Fern Leaf
ثلاثي +120° +240°
- A6A081
Cricket
- 81A6B2
≈ Equanimity
- B295A9
≈ London Hue
متمم منقسم +150° +210°
- A6A081
Cricket
- 8AA2BA
≈ Astro Bound
- A798B5
≈ Purple Springs
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.63:1 · APCA Lc 51
Ag
AAAعلى الأسود
WCAG 7.96:1 · APCA Lc 51
أفضل لون للنص: #000000
WCAG 7.96:1 (AAA) · APCA Lc 51
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--cricket: #a6a081;
--cricket-rgb: 166 160 129;
--cricket-oklch: oklch(0.703 0.044 98.3);
}
.element {
color: var(--cricket);
background-color: hsl(50 17% 58%);
border-color: oklch(0.703 0.044 98.3);
}Tailwind CSS v4
@theme {
--color-cricket: #a6a081;
--color-cricket-50: #f8f6e8;
--color-cricket-100: #ebe9d8;
--color-cricket-200: #d8d5c0;
--color-cricket-300: #bcb89f;
--color-cricket-400: #a59f82;
--color-cricket-500: #8d8766;
--color-cricket-600: #787256;
--color-cricket-700: #605b45;
--color-cricket-800: #474331;
--color-cricket-900: #312e21;
--color-cricket-950: #1d1b11;
}SCSS
$cricket: #a6a081;
$cricket-rgb: 166, 160, 129;
$cricket-light: mix(#fff, $cricket, 20%);
$cricket-dark: mix(#000, $cricket, 20%);
.element {
color: $cricket;
box-shadow: 0 0 0 2px rgba($cricket, 0.35);
}