Colore con nome · #B3A74B
Pickled
Pickled è #B3A74B: rgb(179 167 75), hsl(53 41% 50%), oklch(0.72 0.114 101.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Pickled color name →
#B3A74B
oklch(0.72 0.114 101.9)
Conversioni di colore
- HEX
- #b3a74b
- RGB
- rgb(179 167 75)
- HSL
- hsl(53 41% 50%)
- HWB
- hwb(53 29% 30%)
- OKLCH
- oklch(0.72 0.114 101.9)
- OKLab
- oklab(0.72 -0.024 0.112)
- CIE Lab
- lab(68.14 -4.15 48.1)
- LCH
- lch(68.14 48.28 94.9)
- CMYK
- cmyk(0% 7% 58% 30%)
Tinte · Ombre · Toni
Tinte
- BAB060
- C2B973
- C9C185
- D0CA97
- D8D3A8
- E0DCB9
- E7E5CB
- EFEDDC
- F7F6EE
Ombre
- 9B9140
- 847B35
- 6E662B
- 585221
- 433E17
- 2F2C0E
- 1D1A06
- 0C0A02
- 010100
Toni
- AEA353
- A89F5A
- A39C60
- 9E9866
- 99946B
- 949070
- 8F8C74
- 8A8878
- 85847C
Armonie di colore
Complementare +180°
- B3A74B
Pickled
- 999BEA
≈ Cold Lips
Analogo -30° +30°
- B3A74B
Pickled
- D1984D
≈ Georgian Yellow
- 8AB467
≈ Nasturtium Leaf
Triadico +120° +240°
- B3A74B
Pickled
- 3EB4D8
≈ Ocean Sigh
- D687B9
≈ Cyclamen
Complementare divisa +150° +210°
- B3A74B
Pickled
- 6EA9EA
≈ Greek Sea
- BD8FD8
≈ Lenurple
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.45:1 · APCA Lc 48
Ag
AAASu nero
WCAG 8.54:1 · APCA Lc 54
Miglior colore del testo: #000000
WCAG 8.54:1 (AAA) · APCA Lc 54
Contrast pairs
Frammenti di codice
CSS
:root {
--pickled: #b3a74b;
--pickled-rgb: 179 167 75;
--pickled-oklch: oklch(0.72 0.114 101.9);
}
.element {
color: var(--pickled);
background-color: hsl(53 41% 50%);
border-color: oklch(0.72 0.114 101.9);
}Tailwind CSS v4
@theme {
--color-pickled: #b3a74b;
--color-pickled-50: #faf7d2;
--color-pickled-100: #eeeabf;
--color-pickled-200: #dcd79e;
--color-pickled-300: #c1bb74;
--color-pickled-400: #aca14b;
--color-pickled-500: #968811;
--color-pickled-600: #7f7314;
--color-pickled-700: #655c11;
--color-pickled-800: #4c4308;
--color-pickled-900: #352e06;
--color-pickled-950: #201b00;
}SCSS
$pickled: #b3a74b;
$pickled-rgb: 179, 167, 75;
$pickled-light: mix(#fff, $pickled, 20%);
$pickled-dark: mix(#000, $pickled, 20%);
.element {
color: $pickled;
box-shadow: 0 0 0 2px rgba($pickled, 0.35);
}