Benannte Farbe · #DAC100
Sorbet Yellow
Sorbet Yellow ist #DAC100: rgb(218 193 0), hsl(53 100% 43%), oklch(0.807 0.168 99.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Sorbet Yellow color name →
#DAC100
oklch(0.807 0.168 99.9)
Farbumrechnungen
- HEX
- #dac100
- RGB
- rgb(218 193 0)
- HSL
- hsl(53 100% 43%)
- HWB
- hwb(53 0% 15%)
- OKLCH
- oklch(0.807 0.168 99.9)
- OKLab
- oklab(0.807 -0.029 0.165)
- CIE Lab
- lab(78.36 -2.09 78.51)
- LCH
- lch(78.36 78.54 91.5)
- CMYK
- cmyk(0% 11% 100% 15%)
Tints · Shades · Tones
Tints
- DEC840
- E1CE5E
- E5D576
- E8DB8C
- ECE1A0
- F0E7B4
- F3EDC7
- F7F3DA
- FBF9ED
Shades
- BDA700
- A28F00
- 877700
- 6C5F00
- 544900
- 3C3400
- 252000
- 110E00
- 020200
Tones
- D1BB2E
- C7B441
- BEAE4F
- B5A759
- ACA162
- A39B6A
- 9A9470
- 918D76
- 88877B
Farbharmonien
Komplementär +180°
- DAC100
Sorbet Yellow
- B3B9FF
≈ Greyish Lavender
Analog -30° +30°
- DAC100
Sorbet Yellow
- FFAC3B
≈ Peach Butter
- 9CD556
≈ Blanka Green
Triadisch +120° +240°
- DAC100
Sorbet Yellow
- 20D4FF
≈ Neon Blue
- FF98DE
≈ Pink Condition
Geteilt komplementär +150° +210°
- DAC100
Sorbet Yellow
- 8DC5FF
≈ Chromis Damsel Blue
- DAA8FF
≈ Testosterose
Tetradisch +90° +180° +270°
- DAC100
Sorbet Yellow
- 00DCD4
≈ Mint Morning
- B3B9FF
≈ Greyish Lavender
- FFA1B0
≈ Ballet Slippers
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.80:1 · APCA Lc 33
Ag
AAAAuf Schwarz
WCAG 11.60:1 · APCA Lc 69
Beste Textfarbe: #000000
WCAG 11.60:1 (AAA) · APCA Lc 69
Contrast pairs
Code-Snippets
CSS
:root {
--sorbet-yellow: #dac100;
--sorbet-yellow-rgb: 218 193 0;
--sorbet-yellow-oklch: oklch(0.807 0.168 99.9);
}
.element {
color: var(--sorbet-yellow);
background-color: hsl(53 100% 43%);
border-color: oklch(0.807 0.168 99.9);
}Tailwind CSS v4
@theme {
--color-sorbet-yellow: #dac100;
--color-sorbet-yellow-50: #fef8c0;
--color-sorbet-yellow-100: #f3eba9;
--color-sorbet-yellow-200: #e2d780;
--color-sorbet-yellow-300: #c9ba48;
--color-sorbet-yellow-400: #b69f00;
--color-sorbet-yellow-500: #a28500;
--color-sorbet-yellow-600: #887100;
--color-sorbet-yellow-700: #6d5a00;
--color-sorbet-yellow-800: #524100;
--color-sorbet-yellow-900: #392d00;
--color-sorbet-yellow-950: #241a00;
}SCSS
$sorbet-yellow: #dac100;
$sorbet-yellow-rgb: 218, 193, 0;
$sorbet-yellow-light: mix(#fff, $sorbet-yellow, 20%);
$sorbet-yellow-dark: mix(#000, $sorbet-yellow, 20%);
.element {
color: $sorbet-yellow;
box-shadow: 0 0 0 2px rgba($sorbet-yellow, 0.35);
}