Benannte Farbe · #D2C61F
Barberry Bush
Barberry Bush ist #D2C61F: rgb(210 198 31), hsl(56 74% 47%), oklch(0.811 0.166 104.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Barberry Bush color name →
#D2C61F
oklch(0.811 0.166 104.9)
Farbumrechnungen
- HEX
- #d2c61f
- RGB
- rgb(210 198 31)
- HSL
- hsl(56 74% 47%)
- HWB
- hwb(56 12% 18%)
- OKLCH
- oklch(0.811 0.166 104.9)
- OKLab
- oklab(0.811 -0.043 0.16)
- CIE Lab
- lab(78.99 -7.6 74.42)
- LCH
- lch(78.99 74.8 95.8)
- CMYK
- cmyk(0% 6% 85% 18%)
Tints · Shades · Tones
Tints
- D6CC48
- DAD263
- DFD87A
- E3DE8F
- E8E4A3
- ECE9B6
- F1EFC9
- F5F4DB
- FAFAED
Shades
- B6AC19
- 9B9214
- 817A0F
- 68620A
- 504B06
- 393503
- 242101
- 100E00
- 020200
Tones
- C9BF38
- C1B848
- B8B154
- B0AA5D
- A8A365
- 9F9C6C
- 979572
- 8F8E77
- 88877C
Farbharmonien
Komplementär +180°
- D2C61F
Barberry Bush
- BAB9FF
≈ Greyish Lavender
Analog -30° +30°
- D2C61F
Barberry Bush
- FFAF1C
≈ Turmeric Root
- 91D865
≈ Green Lacewing
Triadisch +120° +240°
- D2C61F
Barberry Bush
- 51D2FF
≈ Libra Blue Morpho
- FF9CD5
≈ Rose Daphne
Geteilt komplementär +150° +210°
- D2C61F
Barberry Bush
- 97C5FF
≈ Pastel Blue
- E3A5FF
≈ Testosterose
Tetradisch +90° +180° +270°
- D2C61F
Barberry Bush
- 00DCDD
≈ Fish Boy
- BAB9FF
≈ Greyish Lavender
- FFA4AB
≈ Strawberry Frappé
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.77:1 · APCA Lc 32
Ag
AAAAuf Schwarz
WCAG 11.83:1 · APCA Lc 70
Beste Textfarbe: #000000
WCAG 11.83:1 (AAA) · APCA Lc 70
Contrast pairs
Code-Snippets
CSS
:root {
--barberry-bush: #d2c61f;
--barberry-bush-rgb: 210 198 31;
--barberry-bush-oklch: oklch(0.811 0.166 104.9);
}
.element {
color: var(--barberry-bush);
background-color: hsl(56 74% 47%);
border-color: oklch(0.811 0.166 104.9);
}Tailwind CSS v4
@theme {
--color-barberry-bush: #d2c61f;
--color-barberry-bush-50: #faf9c2;
--color-barberry-bush-100: #eeecac;
--color-barberry-bush-200: #dcd984;
--color-barberry-bush-300: #c1bd4d;
--color-barberry-bush-400: #aea200;
--color-barberry-bush-500: #988900;
--color-barberry-bush-600: #817400;
--color-barberry-bush-700: #675d00;
--color-barberry-bush-800: #4e4300;
--color-barberry-bush-900: #362e00;
--color-barberry-bush-950: #211b00;
}SCSS
$barberry-bush: #d2c61f;
$barberry-bush-rgb: 210, 198, 31;
$barberry-bush-light: mix(#fff, $barberry-bush, 20%);
$barberry-bush-dark: mix(#000, $barberry-bush, 20%);
.element {
color: $barberry-bush;
box-shadow: 0 0 0 2px rgba($barberry-bush, 0.35);
}