لون مسمّى · #F7D7C4
Harvest Wreath
Harvest Wreath هو #F7D7C4: rgb(247 215 196)، hsl(22 76% 87%)، oklch(0.901 0.044 52.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Harvest Wreath color name →
#F7D7C4
oklch(0.901 0.044 52.6)
تحويلات الألوان
- HEX
- #f7d7c4
- RGB
- rgb(247 215 196)
- HSL
- hsl(22 76% 87%)
- HWB
- hwb(22 77% 3%)
- OKLCH
- oklch(0.901 0.044 52.6)
- OKLab
- oklab(0.901 0.027 0.035)
- CIE Lab
- lab(88.33 9.36 13.73)
- LCH
- lch(88.33 16.61 55.7)
- CMYK
- cmyk(0% 13% 21% 3%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F8DBCA
- F9DFD0
- FAE3D6
- FBE7DB
- FBEBE1
- FCEFE7
- FDF3ED
- FEF7F3
- FEFBF9
درجات داكنة
- D7BBAA
- B79F91
- 998578
- 7C6B61
- 60524A
- 453B35
- 2C2521
- 15110E
- 030202
درجات رمادية
- EBCEBD
- DEC5B6
- D2BCAF
- C6B3A8
- BAABA2
- AEA29B
- A29994
- 97918D
- 8B8887
تناسق الألوان
متمم +180°
- F7D7C4
Harvest Wreath
- C2E4F7
≈ Fresh Water
متجاور -30° +30°
- F7D7C4
Harvest Wreath
- FBD4D1
≈ Cosmos
- EDDCBE
≈ Sandhill
ثلاثي +120° +240°
- F7D7C4
Harvest Wreath
- C2E8DB
≈ Elephant Toothpaste
- DFDAFA
≈ Nostalgia Perfume
متمم منقسم +150° +210°
- F7D7C4
Harvest Wreath
- BDE8EB
≈ Light Vandamint
- CFDFFC
≈ Arc Light
رباعي +90° +180° +270°
- F7D7C4
Harvest Wreath
- CEE6CC
≈ Butter Lettuce
- C2E4F7
≈ Fresh Water
- EDD5F0
≈ Scented Spring
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.35:1 · APCA Lc 17
Ag
AAAعلى الأسود
WCAG 15.47:1 · APCA Lc 86
أفضل لون للنص: #000000
WCAG 15.47:1 (AAA) · APCA Lc 86
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--harvest-wreath: #f7d7c4;
--harvest-wreath-rgb: 247 215 196;
--harvest-wreath-oklch: oklch(0.901 0.044 52.6);
}
.element {
color: var(--harvest-wreath);
background-color: hsl(22 76% 87%);
border-color: oklch(0.901 0.044 52.6);
}Tailwind CSS v4
@theme {
--color-harvest-wreath: #f7d7c4;
--color-harvest-wreath-50: #fff2ea;
--color-harvest-wreath-100: #f4e4da;
--color-harvest-wreath-200: #e4d0c3;
--color-harvest-wreath-300: #cab2a3;
--color-harvest-wreath-400: #b49887;
--color-harvest-wreath-500: #9e7f6b;
--color-harvest-wreath-600: #866b5b;
--color-harvest-wreath-700: #6b5649;
--color-harvest-wreath-800: #4f3e35;
--color-harvest-wreath-900: #372b24;
--color-harvest-wreath-950: #221813;
}SCSS
$harvest-wreath: #f7d7c4;
$harvest-wreath-rgb: 247, 215, 196;
$harvest-wreath-light: mix(#fff, $harvest-wreath, 20%);
$harvest-wreath-dark: mix(#000, $harvest-wreath, 20%);
.element {
color: $harvest-wreath;
box-shadow: 0 0 0 2px rgba($harvest-wreath, 0.35);
}