Benannte Farbe · #D0A46D
Wonton Dumpling
Wonton Dumpling ist #D0A46D: rgb(208 164 109), hsl(33 51% 62%), oklch(0.747 0.089 72). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Wonton Dumpling color name →
#D0A46D
oklch(0.747 0.089 72)
Farbumrechnungen
- HEX
- #d0a46d
- RGB
- rgb(208 164 109)
- HSL
- hsl(33 51% 62%)
- HWB
- hwb(33 43% 18%)
- OKLCH
- oklch(0.747 0.089 72)
- OKLab
- oklab(0.747 0.027 0.084)
- CIE Lab
- lab(70.58 11.73 34.97)
- LCH
- lch(70.58 36.88 71.5)
- CMYK
- cmyk(0% 21% 48% 18%)
Tints · Shades · Tones
Tints
- D5AD7C
- DAB68B
- DFBF99
- E3C8A8
- E8D1B6
- EDDAC5
- F1E4D3
- F6EDE2
- FBF6F0
Shades
- B58E5E
- 9A794F
- 806441
- 675033
- 4F3D26
- 392B19
- 231A0D
- 100A04
- 020101
Tones
- C8A170
- C09D72
- B89975
- B09677
- A89279
- A08F7A
- 988B7C
- 90877E
- 88847F
Farbharmonien
Komplementär +180°
- D0A46D
Wonton Dumpling
- 84B1E4
≈ Lucea
Analog -30° +30°
- D0A46D
Wonton Dumpling
- DD9A81
≈ Light Terracotta
- B8AF6C
≈ Summer Moss
Triadisch +120° +240°
- D0A46D
Wonton Dumpling
- 62BFBB
≈ Tropic Tide
- C09DD6
≈ Mauve Mist
Geteilt komplementär +150° +210°
- D0A46D
Wonton Dumpling
- 69BAD5
≈ Baby Tears
- A4A6E4
≈ Simply Violet
Tetradisch +90° +180° +270°
- D0A46D
Wonton Dumpling
- 77BF9C
≈ Gem Silica
- 84B1E4
≈ Lucea
- D497BD
≈ Soft Fuchsia
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.27:1 · APCA Lc 45
Ag
AAAAuf Schwarz
WCAG 9.21:1 · APCA Lc 57
Beste Textfarbe: #000000
WCAG 9.21:1 (AAA) · APCA Lc 57
Contrast pairs
Code-Snippets
CSS
:root {
--wonton-dumpling: #d0a46d;
--wonton-dumpling-rgb: 208 164 109;
--wonton-dumpling-oklch: oklch(0.747 0.089 72);
}
.element {
color: var(--wonton-dumpling);
background-color: hsl(33 51% 62%);
border-color: oklch(0.747 0.089 72);
}Tailwind CSS v4
@theme {
--color-wonton-dumpling: #d0a46d;
--color-wonton-dumpling-50: #fff2da;
--color-wonton-dumpling-100: #fae4c8;
--color-wonton-dumpling-200: #ebcfab;
--color-wonton-dumpling-300: #d3b185;
--color-wonton-dumpling-400: #bf9663;
--color-wonton-dumpling-500: #aa7c3e;
--color-wonton-dumpling-600: #906936;
--color-wonton-dumpling-700: #73542b;
--color-wonton-dumpling-800: #563d1e;
--color-wonton-dumpling-900: #3c2a13;
--color-wonton-dumpling-950: #261706;
}SCSS
$wonton-dumpling: #d0a46d;
$wonton-dumpling-rgb: 208, 164, 109;
$wonton-dumpling-light: mix(#fff, $wonton-dumpling, 20%);
$wonton-dumpling-dark: mix(#000, $wonton-dumpling, 20%);
.element {
color: $wonton-dumpling;
box-shadow: 0 0 0 2px rgba($wonton-dumpling, 0.35);
}