لون مسمّى · #D9922E
Autumn Blaze
Autumn Blaze هو #D9922E: rgb(217 146 46)، hsl(35 69% 52%)، oklch(0.715 0.138 70.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Autumn Blaze color name →
#D9922E
oklch(0.715 0.138 70.5)
تحويلات الألوان
- HEX
- #d9922e
- RGB
- rgb(217 146 46)
- HSL
- hsl(35 69% 52%)
- HWB
- hwb(35 18% 15%)
- OKLCH
- oklch(0.715 0.138 70.5)
- OKLab
- oklab(0.715 0.046 0.131)
- CIE Lab
- lab(66.68 21.78 60.45)
- LCH
- lch(66.68 64.26 70.2)
- CMYK
- cmyk(0% 33% 79% 15%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- DD9D4B
- E2A862
- E6B377
- EABE8B
- EEC99F
- F2D4B2
- F5DFC6
- F9E9D9
- FCF4EC
درجات داكنة
- BC7E27
- A16B1F
- 865818
- 6C4612
- 53350B
- 3B2506
- 251602
- 110801
- 020100
درجات رمادية
- D0913D
- C78F49
- BF8E52
- B68C5B
- AD8A62
- A48969
- 9B876F
- 928575
- 89827B
تناسق الألوان
متمم +180°
- D9922E
Autumn Blaze
- 5AA8F6
≈ Joust Blue
متجاور -30° +30°
- D9922E
Autumn Blaze
- EB825D
≈ Mesa Sunrise
- B7A425
≈ Pickle Juice
ثلاثي +120° +240°
- D9922E
Autumn Blaze
- 00BBB5
≈ Jade Gravel
- BE89E3
≈ Luminous Lavender
متمم منقسم +150° +210°
- D9922E
Autumn Blaze
- 00B5DC
≈ Blue Atoll
- 9498F7
≈ Periwinkle Blue
رباعي +90° +180° +270°
- D9922E
Autumn Blaze
- 3EBD85
≈ Greenish Teal
- 5AA8F6
≈ Joust Blue
- DC7EBD
≈ Pink Punk
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.59:1 · APCA Lc 50
Ag
AAAعلى الأسود
WCAG 8.10:1 · APCA Lc 52
أفضل لون للنص: #000000
WCAG 8.10:1 (AAA) · APCA Lc 52
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--autumn-blaze: #d9922e;
--autumn-blaze-rgb: 217 146 46;
--autumn-blaze-oklch: oklch(0.715 0.138 70.5);
}
.element {
color: var(--autumn-blaze);
background-color: hsl(35 69% 52%);
border-color: oklch(0.715 0.138 70.5);
}Tailwind CSS v4
@theme {
--color-autumn-blaze: #d9922e;
--color-autumn-blaze-50: #fff0ca;
--color-autumn-blaze-100: #ffe1b5;
--color-autumn-blaze-200: #f9cb92;
--color-autumn-blaze-300: #e3ac63;
--color-autumn-blaze-400: #d28e33;
--color-autumn-blaze-500: #be7200;
--color-autumn-blaze-600: #a16100;
--color-autumn-blaze-700: #814d00;
--color-autumn-blaze-800: #613700;
--color-autumn-blaze-900: #442600;
--color-autumn-blaze-950: #2c1400;
}SCSS
$autumn-blaze: #d9922e;
$autumn-blaze-rgb: 217, 146, 46;
$autumn-blaze-light: mix(#fff, $autumn-blaze, 20%);
$autumn-blaze-dark: mix(#000, $autumn-blaze, 20%);
.element {
color: $autumn-blaze;
box-shadow: 0 0 0 2px rgba($autumn-blaze, 0.35);
}