Benannte Farbe · #BEA932
Hey Pesto
Hey Pesto ist #BEA932: rgb(190 169 50), hsl(51 58% 47%), oklch(0.732 0.135 98.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Hey Pesto color name →
#BEA932
oklch(0.732 0.135 98.9)
Farbumrechnungen
- HEX
- #bea932
- RGB
- rgb(190 169 50)
- HSL
- hsl(51 58% 47%)
- HWB
- hwb(51 20% 25%)
- OKLCH
- oklch(0.732 0.135 98.9)
- OKLab
- oklab(0.732 -0.021 0.133)
- CIE Lab
- lab(69.54 -1.5 60.24)
- LCH
- lch(69.54 60.26 91.4)
- CMYK
- cmyk(0% 11% 74% 25%)
Tints · Shades · Tones
Tints
- C4B24E
- CBBA65
- D1C37A
- D7CC8E
- DED4A1
- E4DDB4
- EBE5C7
- F2EEDA
- F8F7EC
Shades
- A5922A
- 8C7C22
- 75671B
- 5E5314
- 483F0D
- 332C07
- 1F1B03
- 0D0A01
- 020100
Tones
- B8A540
- B1A14C
- AB9D55
- A4995D
- 9E9564
- 98916B
- 928D71
- 8C8976
- 86847B
Farbharmonien
Komplementär +180°
- BEA932
Hey Pesto
- 969EFC
≈ Cobalite
Analog -30° +30°
- BEA932
Hey Pesto
- DF973C
≈ Fire Bush
- 8EB957
≈ Fresh Mown
Triadisch +120° +240°
- BEA932
Hey Pesto
- 00BBE0
≈ Maldives
- DF85C5
≈ Pink Punk
Geteilt komplementär +150° +210°
- BEA932
Hey Pesto
- 5EAEF9
≈ Tiān Lán Sky
- C190E9
≈ Luminous Lavender
Tetradisch +90° +180° +270°
- BEA932
Hey Pesto
- 00C1B8
≈ Cala Benirrás Blue
- 969EFC
≈ Cobalite
- EF8297
≈ Xoxo
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.35:1 · APCA Lc 46
Ag
AAAAuf Schwarz
WCAG 8.91:1 · APCA Lc 56
Beste Textfarbe: #000000
WCAG 8.91:1 (AAA) · APCA Lc 56
Contrast pairs
Code-Snippets
CSS
:root {
--hey-pesto: #bea932;
--hey-pesto-rgb: 190 169 50;
--hey-pesto-oklch: oklch(0.732 0.135 98.9);
}
.element {
color: var(--hey-pesto);
background-color: hsl(51 58% 47%);
border-color: oklch(0.732 0.135 98.9);
}Tailwind CSS v4
@theme {
--color-hey-pesto: #bea932;
--color-hey-pesto-50: #fdf7cb;
--color-hey-pesto-100: #f1eab6;
--color-hey-pesto-200: #e0d693;
--color-hey-pesto-300: #c6ba64;
--color-hey-pesto-400: #b39f30;
--color-hey-pesto-500: #9d8600;
--color-hey-pesto-600: #857100;
--color-hey-pesto-700: #6a5b00;
--color-hey-pesto-800: #504100;
--color-hey-pesto-900: #382d00;
--color-hey-pesto-950: #221a00;
}SCSS
$hey-pesto: #bea932;
$hey-pesto-rgb: 190, 169, 50;
$hey-pesto-light: mix(#fff, $hey-pesto, 20%);
$hey-pesto-dark: mix(#000, $hey-pesto, 20%);
.element {
color: $hey-pesto;
box-shadow: 0 0 0 2px rgba($hey-pesto, 0.35);
}