لون مسمّى · #CBAE84
Harvest Home
Harvest Home هو #CBAE84: rgb(203 174 132)، hsl(35 41% 66%)، oklch(0.766 0.066 76.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Harvest Home color name →
#CBAE84
oklch(0.766 0.066 76.7)
تحويلات الألوان
- HEX
- #cbae84
- RGB
- rgb(203 174 132)
- HSL
- hsl(35 41% 66%)
- HWB
- hwb(35 52% 20%)
- OKLCH
- oklch(0.766 0.066 76.7)
- OKLab
- oklab(0.766 0.015 0.064)
- CIE Lab
- lab(72.91 6.43 25.71)
- LCH
- lch(72.91 26.51 76)
- CMYK
- cmyk(0% 14% 35% 20%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D0B690
- D5BE9C
- DBC6A9
- E0CEB5
- E5D6C1
- EADECD
- EFE6DA
- F5EFE6
- FAF7F2
درجات داكنة
- B09772
- 968060
- 7D6A4F
- 65553F
- 4D412F
- 372E20
- 221C12
- 0F0B06
- 020101
درجات رمادية
- C3A984
- BCA584
- B4A084
- AC9C83
- A59783
- 9D9283
- 968E82
- 8F8981
- 878581
تناسق الألوان
متمم +180°
- CBAE84
Harvest Home
- 98B5DD
≈ Echo Isles Water
متجاور -30° +30°
- CBAE84
Harvest Home
- D7A790
≈ North Rim
- B7B686
≈ Sweet Grass
ثلاثي +120° +240°
- CBAE84
Harvest Home
- 80C0C1
≈ Celestine
- C4A7CF
≈ Feminine Fancy
متمم منقسم +150° +210°
- CBAE84
Harvest Home
- 86BCD3
≈ Juvie
- AFADDB
≈ Purple Hibiscus
رباعي +90° +180° +270°
- CBAE84
Harvest Home
- 8BC1AA
≈ Spearmint Frosting
- 98B5DD
≈ Echo Isles Water
- D3A3BB
≈ Enhance
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.11:1 · APCA Lc 41
Ag
AAAعلى الأسود
WCAG 9.92:1 · APCA Lc 61
أفضل لون للنص: #000000
WCAG 9.92:1 (AAA) · APCA Lc 61
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--harvest-home: #cbae84;
--harvest-home-rgb: 203 174 132;
--harvest-home-oklch: oklch(0.766 0.066 76.7);
}
.element {
color: var(--harvest-home);
background-color: hsl(35 41% 66%);
border-color: oklch(0.766 0.066 76.7);
}Tailwind CSS v4
@theme {
--color-harvest-home: #cbae84;
--color-harvest-home-50: #fff3e1;
--color-harvest-home-100: #f4e6d0;
--color-harvest-home-200: #e4d2b5;
--color-harvest-home-300: #cab492;
--color-harvest-home-400: #b59a73;
--color-harvest-home-500: #9f8153;
--color-harvest-home-600: #866d47;
--color-harvest-home-700: #6c5739;
--color-harvest-home-800: #503f28;
--color-harvest-home-900: #382b1b;
--color-harvest-home-950: #22190b;
}SCSS
$harvest-home: #cbae84;
$harvest-home-rgb: 203, 174, 132;
$harvest-home-light: mix(#fff, $harvest-home, 20%);
$harvest-home-dark: mix(#000, $harvest-home, 20%);
.element {
color: $harvest-home;
box-shadow: 0 0 0 2px rgba($harvest-home, 0.35);
}