لون مسمّى · #DDAA44
Crispy Chicken Skin
Crispy Chicken Skin هو #DDAA44: rgb(221 170 68)، hsl(40 69% 57%)، oklch(0.767 0.131 81.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Crispy Chicken Skin color name →
#DDAA44
oklch(0.767 0.131 81.6)
تحويلات الألوان
- HEX
- #ddaa44
- RGB
- rgb(221 170 68)
- HSL
- hsl(40 69% 57%)
- HWB
- hwb(40 27% 13%)
- OKLCH
- oklch(0.767 0.131 81.6)
- OKLab
- oklab(0.767 0.019 0.13)
- CIE Lab
- lab(73.06 11.94 57.86)
- LCH
- lch(73.06 59.08 78.3)
- CMYK
- cmyk(0% 23% 69% 13%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E1B35C
- E4BB70
- E8C483
- EBCD96
- EFD5A8
- F2DEBA
- F5E6CB
- F9EEDC
- FCF7EE
درجات داكنة
- C0933A
- A47D30
- 886826
- 6E531D
- 553F14
- 3D2D0C
- 261B05
- 110B02
- 020100
درجات رمادية
- D3A64E
- CAA257
- C19E5E
- B79A65
- AE966B
- A59170
- 9B8D74
- 928979
- 89847C
تناسق الألوان
متمم +180°
- DDAA44
Crispy Chicken Skin
- 89B3FF
≈ Parakeet Blue
متجاور -30° +30°
- DDAA44
Crispy Chicken Skin
- F59A61
≈ Indian Paintbrush
- B6BB4F
≈ Japanese Fern
ثلاثي +120° +240°
- DDAA44
Crispy Chicken Skin
- 00CBD6
≈ Jade Glass
- DA96E5
≈ Bright Lilac
متمم منقسم +150° +210°
- DDAA44
Crispy Chicken Skin
- 48C1F8
≈ Shovel Knight
- B5A3FF
≈ Shy Moment
رباعي +90° +180° +270°
- DDAA44
Crispy Chicken Skin
- 41CEA9
≈ Mint Jelly
- 89B3FF
≈ Parakeet Blue
- F28FBC
≈ Cochonnet
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.11:1 · APCA Lc 41
Ag
AAAعلى الأسود
WCAG 9.90:1 · APCA Lc 61
أفضل لون للنص: #000000
WCAG 9.90:1 (AAA) · APCA Lc 61
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--crispy-chicken-skin: #ddaa44;
--crispy-chicken-skin-rgb: 221 170 68;
--crispy-chicken-skin-oklch: oklch(0.767 0.131 81.6);
}
.element {
color: var(--crispy-chicken-skin);
background-color: hsl(40 69% 57%);
border-color: oklch(0.767 0.131 81.6);
}Tailwind CSS v4
@theme {
--color-crispy-chicken-skin: #ddaa44;
--color-crispy-chicken-skin-50: #fff3cb;
--color-crispy-chicken-skin-100: #fde5b7;
--color-crispy-chicken-skin-200: #efd093;
--color-crispy-chicken-skin-300: #d7b265;
--color-crispy-chicken-skin-400: #c59634;
--color-crispy-chicken-skin-500: #b17b00;
--color-crispy-chicken-skin-600: #966800;
--color-crispy-chicken-skin-700: #785300;
--color-crispy-chicken-skin-800: #5a3c00;
--color-crispy-chicken-skin-900: #3f2900;
--color-crispy-chicken-skin-950: #281700;
}SCSS
$crispy-chicken-skin: #ddaa44;
$crispy-chicken-skin-rgb: 221, 170, 68;
$crispy-chicken-skin-light: mix(#fff, $crispy-chicken-skin, 20%);
$crispy-chicken-skin-dark: mix(#000, $crispy-chicken-skin, 20%);
.element {
color: $crispy-chicken-skin;
box-shadow: 0 0 0 2px rgba($crispy-chicken-skin, 0.35);
}