Benannte Farbe · #DDC283
Sunspill
Sunspill ist #DDC283: rgb(221 194 131), hsl(42 57% 69%), oklch(0.823 0.087 87.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Sunspill color name →
#DDC283
oklch(0.823 0.087 87.3)
Farbumrechnungen
- HEX
- #ddc283
- RGB
- rgb(221 194 131)
- HSL
- hsl(42 57% 69%)
- HWB
- hwb(42 51% 13%)
- OKLCH
- oklch(0.823 0.087 87.3)
- OKLab
- oklab(0.823 0.004 0.087)
- CIE Lab
- lab(79.69 3.58 35.39)
- LCH
- lch(79.69 35.57 84.2)
- CMYK
- cmyk(0% 12% 41% 13%)
Tints · Shades · Tones
Tints
- E0C890
- E4CE9D
- E7D4A9
- EBDBB5
- EEE1C2
- F1E7CE
- F5EDDA
- F8F3E7
- FCF9F3
Shades
- C0A871
- A48F60
- 88774F
- 6E603F
- 55492F
- 3D3420
- 262012
- 110E06
- 020201
Tones
- D3BB83
- CAB584
- C0AE84
- B7A784
- ADA183
- A49A83
- 9B9483
- 928D82
- 898781
Farbharmonien
Komplementär +180°
- DDC283
Sunspill
- ACC4FE
≈ Pastel Blue
Analog -30° +30°
- DDC283
Sunspill
- F0B78D
≈ Melón Meloso
- C0CD8C
≈ Haricot
Triadisch +120° +240°
- DDC283
Sunspill
- 7DD5E2
≈ Middle Blue
- E4B2E2
≈ Pink Gems
Geteilt komplementär +150° +210°
- DDC283
Sunspill
- 8ECEF7
≈ Drift on the Sea
- CBBAF7
≈ Violet Heaven
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.73:1 · APCA Lc 31
Ag
AAAAuf Schwarz
WCAG 12.11:1 · APCA Lc 71
Beste Textfarbe: #000000
WCAG 12.11:1 (AAA) · APCA Lc 71
Contrast pairs
Code-Snippets
CSS
:root {
--sunspill: #ddc283;
--sunspill-rgb: 221 194 131;
--sunspill-oklch: oklch(0.823 0.087 87.3);
}
.element {
color: var(--sunspill);
background-color: hsl(42 57% 69%);
border-color: oklch(0.823 0.087 87.3);
}Tailwind CSS v4
@theme {
--color-sunspill: #ddc283;
--color-sunspill-50: #fff5da;
--color-sunspill-100: #f3e7c8;
--color-sunspill-200: #e3d3ab;
--color-sunspill-300: #c9b684;
--color-sunspill-400: #b49c61;
--color-sunspill-500: #9f823c;
--color-sunspill-600: #866e34;
--color-sunspill-700: #6b5829;
--color-sunspill-800: #50401c;
--color-sunspill-900: #382c12;
--color-sunspill-950: #221905;
}SCSS
$sunspill: #ddc283;
$sunspill-rgb: 221, 194, 131;
$sunspill-light: mix(#fff, $sunspill, 20%);
$sunspill-dark: mix(#000, $sunspill, 20%);
.element {
color: $sunspill;
box-shadow: 0 0 0 2px rgba($sunspill, 0.35);
}