Benannte Farbe · #BDDA57
June Bud
June Bud ist #BDDA57: rgb(189 218 87), hsl(73 64% 60%), oklch(0.841 0.159 120.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · June Bud color name →
#BDDA57
oklch(0.841 0.159 120.5)
Farbumrechnungen
- HEX
- #bdda57
- RGB
- rgb(189 218 87)
- HSL
- hsl(73 64% 60%)
- HWB
- hwb(73 34% 15%)
- OKLCH
- oklch(0.841 0.159 120.5)
- OKLab
- oklab(0.841 -0.081 0.137)
- CIE Lab
- lab(83 -23.54 59.13)
- LCH
- lch(83 63.64 111.7)
- CMYK
- cmyk(13% 0% 60% 15%)
Tints · Shades · Tones
Tints
- C3DE6C
- CAE27F
- D0E691
- D6EAA2
- DDEDB2
- E4F1C2
- EAF5D1
- F1F8E1
- F8FCF0
Shades
- A4BD4B
- 8CA23E
- 748733
- 5D6C27
- 47541C
- 333C12
- 1F2508
- 0D1103
- 020200
Tones
- B7D15F
- B0C865
- AABF6B
- A4B670
- 9EAD74
- 98A477
- 929B7A
- 8C927C
- 86897E
Farbharmonien
Komplementär +180°
- BDDA57
June Bud
- D4BEFF
≈ Lavender Fragrance
Analog -30° +30°
- BDDA57
June Bud
- F3C632
≈ Saffron
- 74E893
≈ Ragweed
Triadisch +120° +240°
- BDDA57
June Bud
- 96D3FF
≈ Long Island Sound
- FFB1C8
≈ Caregiver Pink
Geteilt komplementär +150° +210°
- BDDA57
June Bud
- B7C9FF
≈ Light Periwinkle
- FFA8F6
≈ Jigglypuff
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.57:1 · APCA Lc 26
Ag
AAAAuf Schwarz
WCAG 13.32:1 · APCA Lc 77
Beste Textfarbe: #000000
WCAG 13.32:1 (AAA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--june-bud: #bdda57;
--june-bud-rgb: 189 218 87;
--june-bud-oklch: oklch(0.841 0.159 120.5);
}
.element {
color: var(--june-bud);
background-color: hsl(73 64% 60%);
border-color: oklch(0.841 0.159 120.5);
}Tailwind CSS v4
@theme {
--color-june-bud: #bdda57;
--color-june-bud-50: #edfdcb;
--color-june-bud-100: #def1b6;
--color-june-bud-200: #c8e092;
--color-june-bud-300: #a9c464;
--color-june-bud-400: #92ac2b;
--color-june-bud-500: #799400;
--color-june-bud-600: #667d00;
--color-june-bud-700: #526400;
--color-june-bud-800: #3e4900;
--color-june-bud-900: #2a3300;
--color-june-bud-950: #181e00;
}SCSS
$june-bud: #bdda57;
$june-bud-rgb: 189, 218, 87;
$june-bud-light: mix(#fff, $june-bud, 20%);
$june-bud-dark: mix(#000, $june-bud, 20%);
.element {
color: $june-bud;
box-shadow: 0 0 0 2px rgba($june-bud, 0.35);
}