Colore con nome · #B3AC36
Friendly Frog
Friendly Frog è #B3AC36: rgb(179 172 54), hsl(57 54% 46%), oklch(0.729 0.136 105.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Friendly Frog color name →
#B3AC36
oklch(0.729 0.136 105.9)
Conversioni di colore
- HEX
- #b3ac36
- RGB
- rgb(179 172 54)
- HSL
- hsl(57 54% 46%)
- HWB
- hwb(57 21% 30%)
- OKLCH
- oklch(0.729 0.136 105.9)
- OKLab
- oklab(0.729 -0.037 0.13)
- CIE Lab
- lab(69.35 -7.6 58.17)
- LCH
- lch(69.35 58.66 97.4)
- CMYK
- cmyk(0% 4% 70% 30%)
Tinte · Ombre · Toni
Tinte
- BAB451
- C1BD67
- C9C57C
- D0CE8F
- D8D6A2
- DFDEB5
- E7E6C8
- EFEFDA
- F7F7ED
Ombre
- 9B952E
- 847F25
- 6E691E
- 585416
- 43400F
- 2F2D08
- 1D1B03
- 0C0B01
- 010100
Toni
- AEA843
- A8A34E
- A39F57
- 9E9B5E
- 999665
- 94926C
- 8F8E71
- 8A8977
- 85857B
Armonie di colore
Complementare +180°
- B3AC36
Friendly Frog
- A199F8
≈ Cobalite
Analogo -30° +30°
- B3AC36
Friendly Frog
- D89A32
≈ Trinket
- 7FBA61
≈ Leafy Greens
Triadico +120° +240°
- B3AC36
Friendly Frog
- 18B8E8
≈ Cyanite
- E382B9
≈ Fuchsia Blush
Complementare divisa +150° +210°
- B3AC36
Friendly Frog
- 6CA9FB
≈ Fennel Flower
- C88CE1
≈ Blush Essence
Tetradico +90° +180° +270°
- B3AC36
Friendly Frog
- 00BFC1
≈ Cala Benirrás Blue
- A199F8
≈ Cobalite
- F0818A
≈ Apple Valley
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.36:1 · APCA Lc 47
Ag
AAASu nero
WCAG 8.87:1 · APCA Lc 55
Miglior colore del testo: #000000
WCAG 8.87:1 (AAA) · APCA Lc 55
Contrast pairs
Frammenti di codice
CSS
:root {
--friendly-frog: #b3ac36;
--friendly-frog-rgb: 179 172 54;
--friendly-frog-oklch: oklch(0.729 0.136 105.9);
}
.element {
color: var(--friendly-frog);
background-color: hsl(57 54% 46%);
border-color: oklch(0.729 0.136 105.9);
}Tailwind CSS v4
@theme {
--color-friendly-frog: #b3ac36;
--color-friendly-frog-50: #f8f9cc;
--color-friendly-frog-100: #ececb8;
--color-friendly-frog-200: #d9d995;
--color-friendly-frog-300: #bebd67;
--color-friendly-frog-400: #a9a335;
--color-friendly-frog-500: #938a00;
--color-friendly-frog-600: #7c7500;
--color-friendly-frog-700: #635e00;
--color-friendly-frog-800: #4b4400;
--color-friendly-frog-900: #342f00;
--color-friendly-frog-950: #1f1b00;
}SCSS
$friendly-frog: #b3ac36;
$friendly-frog-rgb: 179, 172, 54;
$friendly-frog-light: mix(#fff, $friendly-frog, 20%);
$friendly-frog-dark: mix(#000, $friendly-frog, 20%);
.element {
color: $friendly-frog;
box-shadow: 0 0 0 2px rgba($friendly-frog, 0.35);
}