Benannte Farbe · #D2B762
Banh Bot Loc Dumpling
Banh Bot Loc Dumpling ist #D2B762: rgb(210 183 98), hsl(46 55% 60%), oklch(0.785 0.11 92.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Banh Bot Loc Dumpling color name →
#D2B762
oklch(0.785 0.11 92.1)
Farbumrechnungen
- HEX
- #d2b762
- RGB
- rgb(210 183 98)
- HSL
- hsl(46 55% 60%)
- HWB
- hwb(46 38% 18%)
- OKLCH
- oklch(0.785 0.11 92.1)
- OKLab
- oklab(0.785 -0.004 0.109)
- CIE Lab
- lab(75.47 2.25 46.41)
- LCH
- lch(75.47 46.47 87.2)
- CMYK
- cmyk(0% 13% 53% 18%)
Tints · Shades · Tones
Tints
- D6BE73
- DBC684
- DFCD94
- E4D4A4
- E8DBB3
- EDE2C2
- F1EAD2
- F6F1E1
- FAF8F0
Shades
- B69F54
- 9B8747
- 81703A
- 685A2D
- 504521
- 393116
- 241E0B
- 100C03
- 020200
Tones
- C9B267
- C1AC6B
- B9A76F
- B0A172
- A89C75
- A09678
- 98917A
- 908B7D
- 88867E
Farbharmonien
Komplementär +180°
- D2B762
Banh Bot Loc Dumpling
- A1B5FF
≈ Truesky Gloxym
Analog -30° +30°
- D2B762
Banh Bot Loc Dumpling
- EBA96D
≈ Spun Gold
- ADC473
≈ Old Lime
Triadisch +120° +240°
- D2B762
Banh Bot Loc Dumpling
- 55CBE2
≈ Watercourse
- E39FD8
≈ Plum Juice
Geteilt komplementär +150° +210°
- D2B762
Banh Bot Loc Dumpling
- 76C2F9
≈ Maya Blue
- C6A8F4
≈ Purple Hepatica
Tetradisch +90° +180° +270°
- D2B762
Banh Bot Loc Dumpling
- 5AD0BE
≈ Sweet Garden
- A1B5FF
≈ Truesky Gloxym
- F49BB3
≈ Harmonious Rose
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.96:1 · APCA Lc 38
Ag
AAAAuf Schwarz
WCAG 10.69:1 · APCA Lc 65
Beste Textfarbe: #000000
WCAG 10.69:1 (AAA) · APCA Lc 65
Contrast pairs
Code-Snippets
CSS
:root {
--banh-bot-loc-dumpling: #d2b762;
--banh-bot-loc-dumpling-rgb: 210 183 98;
--banh-bot-loc-dumpling-oklch: oklch(0.785 0.11 92.1);
}
.element {
color: var(--banh-bot-loc-dumpling);
background-color: hsl(46 55% 60%);
border-color: oklch(0.785 0.11 92.1);
}Tailwind CSS v4
@theme {
--color-banh-bot-loc-dumpling: #d2b762;
--color-banh-bot-loc-dumpling-50: #fff5d2;
--color-banh-bot-loc-dumpling-100: #f4e8bf;
--color-banh-bot-loc-dumpling-200: #e3d49f;
--color-banh-bot-loc-dumpling-300: #cab775;
--color-banh-bot-loc-dumpling-400: #b59c4c;
--color-banh-bot-loc-dumpling-500: #a08317;
--color-banh-bot-loc-dumpling-600: #876f18;
--color-banh-bot-loc-dumpling-700: #6c5913;
--color-banh-bot-loc-dumpling-800: #51400b;
--color-banh-bot-loc-dumpling-900: #382c07;
--color-banh-bot-loc-dumpling-950: #231900;
}SCSS
$banh-bot-loc-dumpling: #d2b762;
$banh-bot-loc-dumpling-rgb: 210, 183, 98;
$banh-bot-loc-dumpling-light: mix(#fff, $banh-bot-loc-dumpling, 20%);
$banh-bot-loc-dumpling-dark: mix(#000, $banh-bot-loc-dumpling, 20%);
.element {
color: $banh-bot-loc-dumpling;
box-shadow: 0 0 0 2px rgba($banh-bot-loc-dumpling, 0.35);
}