لون مسمّى · #DCC9AE
Sunday Drive
Sunday Drive هو #DCC9AE: rgb(220 201 174)، hsl(35 40% 77%)، oklch(0.845 0.042 76.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Sunday Drive color name →
#DCC9AE
oklch(0.845 0.042 76.7)
تحويلات الألوان
- HEX
- #dcc9ae
- RGB
- rgb(220 201 174)
- HSL
- hsl(35 40% 77%)
- HWB
- hwb(35 68% 14%)
- OKLCH
- oklch(0.845 0.042 76.7)
- OKLab
- oklab(0.845 0.01 0.041)
- CIE Lab
- lab(82.03 3.73 16.09)
- LCH
- lch(82.03 16.52 77)
- CMYK
- cmyk(0% 9% 21% 14%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E0CEB6
- E3D4BE
- E7D9C6
- EADECE
- EEE4D6
- F1E9DE
- F5EFE6
- F8F4EF
- FCFAF7
درجات داكنة
- BFAE97
- A39580
- 887C6A
- 6E6455
- 544C41
- 3C362E
- 26221C
- 110F0B
- 020201
درجات رمادية
- D2C1A9
- C9BAA5
- C0B3A0
- B6AB9C
- ADA497
- A49D92
- 9B958E
- 928E89
- 898785
تناسق الألوان
متمم +180°
- DCC9AE
Sunday Drive
- BBCEE8
≈ Maritime
متجاور -30° +30°
- DCC9AE
Sunday Drive
- E4C4B5
≈ Antoinette Pink
- CFCEAF
≈ Longbeard Grey
ثلاثي +120° +240°
- DCC9AE
Sunday Drive
- ADD5D5
≈ Sugar Pool
- D7C4DF
≈ Simply Lavender
متمم منقسم +150° +210°
- DCC9AE
Sunday Drive
- B0D2E2
≈ Holiday Road
- C9C8E7
≈ Powdered Granite
رباعي +90° +180° +270°
- DCC9AE
Sunday Drive
- B3D5C6
≈ Chlorophyll Cream
- BBCEE8
≈ Maritime
- E2C1D1
≈ In the Slip
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.61:1 · APCA Lc 28
Ag
AAAعلى الأسود
WCAG 13.00:1 · APCA Lc 75
أفضل لون للنص: #000000
WCAG 13.00:1 (AAA) · APCA Lc 75
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--sunday-drive: #dcc9ae;
--sunday-drive-rgb: 220 201 174;
--sunday-drive-oklch: oklch(0.845 0.042 76.7);
}
.element {
color: var(--sunday-drive);
background-color: hsl(35 40% 77%);
border-color: oklch(0.845 0.042 76.7);
}Tailwind CSS v4
@theme {
--color-sunday-drive: #dcc9ae;
--color-sunday-drive-50: #fcf4e8;
--color-sunday-drive-100: #f0e7d9;
--color-sunday-drive-200: #ded3c1;
--color-sunday-drive-300: #c3b5a0;
--color-sunday-drive-400: #ad9c83;
--color-sunday-drive-500: #968367;
--color-sunday-drive-600: #7f6f57;
--color-sunday-drive-700: #665946;
--color-sunday-drive-800: #4b4032;
--color-sunday-drive-900: #342c22;
--color-sunday-drive-950: #201911;
}SCSS
$sunday-drive: #dcc9ae;
$sunday-drive-rgb: 220, 201, 174;
$sunday-drive-light: mix(#fff, $sunday-drive, 20%);
$sunday-drive-dark: mix(#000, $sunday-drive, 20%);
.element {
color: $sunday-drive;
box-shadow: 0 0 0 2px rgba($sunday-drive, 0.35);
}