لون مسمّى · #CD9945
Arabian Bake
Arabian Bake هو #CD9945: rgb(205 153 69)، hsl(37 58% 54%)، oklch(0.717 0.118 76.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Arabian Bake color name →
#CD9945
oklch(0.717 0.118 76.8)
تحويلات الألوان
- HEX
- #cd9945
- RGB
- rgb(205 153 69)
- HSL
- hsl(37 58% 54%)
- HWB
- hwb(37 27% 20%)
- OKLCH
- oklch(0.717 0.118 76.8)
- OKLab
- oklab(0.717 0.027 0.115)
- CIE Lab
- lab(67.11 13.85 50.69)
- LCH
- lch(67.11 52.54 74.7)
- CMYK
- cmyk(0% 25% 66% 20%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D2A35B
- D8AE6E
- DDB881
- E2C294
- E7CCA6
- ECD6B8
- F1E0C9
- F5EBDB
- FAF5ED
درجات داكنة
- B2843B
- 987031
- 7E5D27
- 664A1E
- 4E3815
- 38270C
- 231705
- 0F0802
- 020100
درجات رمادية
- C5974E
- BE9556
- B6925D
- AE9063
- A68D69
- 9F8B6E
- 978873
- 8F8678
- 88837C
تناسق الألوان
متمم +180°
- CD9945
Arabian Bake
- 72A5ED
≈ Greek Sea
متجاور -30° +30°
- CD9945
Arabian Bake
- E08B61
≈ Copper Tan
- ACA849
≈ Spinach Banana Smoothie
ثلاثي +120° +240°
- CD9945
Arabian Bake
- 1BBABD
≈ Caicos Turquoise
- C18CD5
≈ Purception
متمم منقسم +150° +210°
- CD9945
Arabian Bake
- 3EB2DC
≈ Summer Sky
- 9E98EA
≈ Dull Lavender
رباعي +90° +180° +270°
- CD9945
Arabian Bake
- 4BBB94
≈ Expressionism Green
- 72A5ED
≈ Greek Sea
- D984B2
≈ Middle Purple
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.54:1 · APCA Lc 50
Ag
AAAعلى الأسود
WCAG 8.23:1 · APCA Lc 52
أفضل لون للنص: #000000
WCAG 8.23:1 (AAA) · APCA Lc 52
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--arabian-bake: #cd9945;
--arabian-bake-rgb: 205 153 69;
--arabian-bake-oklch: oklch(0.717 0.118 76.8);
}
.element {
color: var(--arabian-bake);
background-color: hsl(37 58% 54%);
border-color: oklch(0.717 0.118 76.8);
}Tailwind CSS v4
@theme {
--color-arabian-bake: #cd9945;
--color-arabian-bake-50: #fff2d0;
--color-arabian-bake-100: #fee4bc;
--color-arabian-bake-200: #f0cf9b;
--color-arabian-bake-300: #d8b070;
--color-arabian-bake-400: #c69546;
--color-arabian-bake-500: #b27a00;
--color-arabian-bake-600: #96670a;
--color-arabian-bake-700: #78530a;
--color-arabian-bake-800: #5a3b06;
--color-arabian-bake-900: #3f2904;
--color-arabian-bake-950: #281600;
}SCSS
$arabian-bake: #cd9945;
$arabian-bake-rgb: 205, 153, 69;
$arabian-bake-light: mix(#fff, $arabian-bake, 20%);
$arabian-bake-dark: mix(#000, $arabian-bake, 20%);
.element {
color: $arabian-bake;
box-shadow: 0 0 0 2px rgba($arabian-bake, 0.35);
}