Benannte Farbe · #DCC9AE
Sunday Drive
Sunday Drive ist #DCC9AE: rgb(220 201 174), hsl(35 40% 77%), oklch(0.845 0.042 76.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Sunday Drive color name →
#DCC9AE
oklch(0.845 0.042 76.7)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- E0CEB6
- E3D4BE
- E7D9C6
- EADECE
- EEE4D6
- F1E9DE
- F5EFE6
- F8F4EF
- FCFAF7
Shades
- BFAE97
- A39580
- 887C6A
- 6E6455
- 544C41
- 3C362E
- 26221C
- 110F0B
- 020201
Tones
- D2C1A9
- C9BAA5
- C0B3A0
- B6AB9C
- ADA497
- A49D92
- 9B958E
- 928E89
- 898785
Farbharmonien
Komplementär +180°
- DCC9AE
Sunday Drive
- BBCEE8
≈ Maritime
Analog -30° +30°
- DCC9AE
Sunday Drive
- E4C4B5
≈ Antoinette Pink
- CFCEAF
≈ Longbeard Grey
Triadisch +120° +240°
- DCC9AE
Sunday Drive
- ADD5D5
≈ Sugar Pool
- D7C4DF
≈ Simply Lavender
Geteilt komplementär +150° +210°
- DCC9AE
Sunday Drive
- B0D2E2
≈ Holiday Road
- C9C8E7
≈ Powdered Granite
Tetradisch +90° +180° +270°
- DCC9AE
Sunday Drive
- B3D5C6
≈ Chlorophyll Cream
- BBCEE8
≈ Maritime
- E2C1D1
≈ In the Slip
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.61:1 · APCA Lc 28
Ag
AAAAuf Schwarz
WCAG 13.00:1 · APCA Lc 75
Beste Textfarbe: #000000
WCAG 13.00:1 (AAA) · APCA Lc 75
Contrast pairs
Code-Snippets
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);
}