لون مسمّى · #C9A480
Siesta Dreams
Siesta Dreams هو #C9A480: rgb(201 164 128)، hsl(30 40% 65%)، oklch(0.743 0.066 65.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Siesta Dreams color name →
#C9A480
oklch(0.743 0.066 65.8)
تحويلات الألوان
- HEX
- #c9a480
- RGB
- rgb(201 164 128)
- HSL
- hsl(30 40% 65%)
- HWB
- hwb(30 50% 21%)
- OKLCH
- oklch(0.743 0.066 65.8)
- OKLab
- oklab(0.743 0.027 0.06)
- CIE Lab
- lab(70.12 10.37 24.13)
- LCH
- lch(70.12 26.26 66.7)
- CMYK
- cmyk(0% 18% 36% 21%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- CFAD8C
- D4B699
- D9BFA6
- DFC8B2
- E4D1BF
- EADACB
- EFE3D8
- F4ECE5
- FAF6F2
درجات داكنة
- AE8E6E
- 95795D
- 7C644D
- 64503D
- 4C3D2E
- 362B1F
- 221A12
- 0F0A06
- 020101
درجات رمادية
- C2A080
- BA9D81
- B39981
- AC9681
- A49281
- 9D8F81
- 968B81
- 8E8781
- 878480
تناسق الألوان
متمم +180°
- C9A480
Siesta Dreams
- 8AB1D3
≈ Matte Blue
متجاور -30° +30°
- C9A480
Siesta Dreams
- D29E90
≈ Soft Sienna
- B8AC7C
≈ Nettle
ثلاثي +120° +240°
- C9A480
Siesta Dreams
- 7BBAB2
≈ Winter Surf
- B6A2CD
≈ Glass Violet
متمم منقسم +150° +210°
- C9A480
Siesta Dreams
- 7BB7C6
≈ Tennis Blue
- A0A9D6
≈ Whipped Violet
رباعي +90° +180° +270°
- C9A480
Siesta Dreams
- 8BB99A
≈ Garden View
- 8AB1D3
≈ Matte Blue
- C79DBC
≈ Idyllic Pink
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.30:1 · APCA Lc 45
Ag
AAAعلى الأسود
WCAG 9.10:1 · APCA Lc 57
أفضل لون للنص: #000000
WCAG 9.10:1 (AAA) · APCA Lc 57
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--siesta-dreams: #c9a480;
--siesta-dreams-rgb: 201 164 128;
--siesta-dreams-oklch: oklch(0.743 0.066 65.8);
}
.element {
color: var(--siesta-dreams);
background-color: hsl(30 40% 65%);
border-color: oklch(0.743 0.066 65.8);
}Tailwind CSS v4
@theme {
--color-siesta-dreams: #c9a480;
--color-siesta-dreams-50: #fff2e2;
--color-siesta-dreams-100: #f7e4d1;
--color-siesta-dreams-200: #e8d0b7;
--color-siesta-dreams-300: #cfb294;
--color-siesta-dreams-400: #ba9775;
--color-siesta-dreams-500: #a47d57;
--color-siesta-dreams-600: #8b6a4a;
--color-siesta-dreams-700: #6f553b;
--color-siesta-dreams-800: #533e2a;
--color-siesta-dreams-900: #3a2a1c;
--color-siesta-dreams-950: #24180c;
}SCSS
$siesta-dreams: #c9a480;
$siesta-dreams-rgb: 201, 164, 128;
$siesta-dreams-light: mix(#fff, $siesta-dreams, 20%);
$siesta-dreams-dark: mix(#000, $siesta-dreams, 20%);
.element {
color: $siesta-dreams;
box-shadow: 0 0 0 2px rgba($siesta-dreams, 0.35);
}