Colore con nome · #BDA928
Greenfinch
Greenfinch è #BDA928: rgb(189 169 40), hsl(52 65% 45%), oklch(0.731 0.141 99.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Greenfinch color name →
#BDA928
oklch(0.731 0.141 99.9)
Conversioni di colore
- HEX
- #bda928
- RGB
- rgb(189 169 40)
- HSL
- hsl(52 65% 45%)
- HWB
- hwb(52 16% 26%)
- OKLCH
- oklch(0.731 0.141 99.9)
- OKLab
- oklab(0.731 -0.024 0.138)
- CIE Lab
- lab(69.39 -2.23 63.4)
- LCH
- lch(69.39 63.44 92)
- CMYK
- cmyk(0% 11% 79% 26%)
Tinte · Ombre · Toni
Tinte
- C3B248
- CABA61
- D0C377
- D7CC8B
- DDD49F
- E4DDB3
- EAE6C6
- F1EED9
- F8F7EC
Ombre
- A49221
- 8C7C1B
- 746715
- 5D530F
- 473F09
- 332C04
- 1F1B02
- 0D0A01
- 020100
Toni
- B7A53A
- B0A147
- AA9D51
- A4995A
- 9E9562
- 989169
- 928D70
- 8C8975
- 86847B
Armonie di colore
Complementare +180°
- BDA928
Greenfinch
- 979DFE
≈ Cobalite
Analogo -30° +30°
- BDA928
Greenfinch
- E09632
≈ Treacle Fudge
- 8AB954
≈ Makin It Rain
Triadico +120° +240°
- BDA928
Greenfinch
- 00BAE1
≈ Maldives
- E183C4
≈ Pink Punk
Complementare divisa +150° +210°
- BDA928
Greenfinch
- 5CADFC
≈ Joust Blue
- C38DEA
≈ Luminous Lavender
Tetradico +90° +180° +270°
- BDA928
Greenfinch
- 00C1B9
≈ Cala Benirrás Blue
- 979DFE
≈ Cobalite
- F28094
≈ Xoxo
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.36:1 · APCA Lc 47
Ag
AAASu nero
WCAG 8.86:1 · APCA Lc 56
Miglior colore del testo: #000000
WCAG 8.86:1 (AAA) · APCA Lc 56
Contrast pairs
Frammenti di codice
CSS
:root {
--greenfinch: #bda928;
--greenfinch-rgb: 189 169 40;
--greenfinch-oklch: oklch(0.731 0.141 99.9);
}
.element {
color: var(--greenfinch);
background-color: hsl(52 65% 45%);
border-color: oklch(0.731 0.141 99.9);
}Tailwind CSS v4
@theme {
--color-greenfinch: #bda928;
--color-greenfinch-50: #fdf7c9;
--color-greenfinch-100: #f1eab4;
--color-greenfinch-200: #e0d790;
--color-greenfinch-300: #c6ba60;
--color-greenfinch-400: #b29f27;
--color-greenfinch-500: #9d8600;
--color-greenfinch-600: #847200;
--color-greenfinch-700: #6a5b00;
--color-greenfinch-800: #504200;
--color-greenfinch-900: #372d00;
--color-greenfinch-950: #221a00;
}SCSS
$greenfinch: #bda928;
$greenfinch-rgb: 189, 169, 40;
$greenfinch-light: mix(#fff, $greenfinch, 20%);
$greenfinch-dark: mix(#000, $greenfinch, 20%);
.element {
color: $greenfinch;
box-shadow: 0 0 0 2px rgba($greenfinch, 0.35);
}