Colore con nome · #8A966A
Bullfrog
Bullfrog è #8A966A: rgb(138 150 106), hsl(76 17% 50%), oklch(0.652 0.064 120.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Bullfrog color name →
#8A966A
oklch(0.652 0.064 120.6)
Conversioni di colore
- HEX
- #8a966a
- RGB
- rgb(138 150 106)
- HSL
- hsl(76 17% 50%)
- HWB
- hwb(76 42% 41%)
- OKLCH
- oklch(0.652 0.064 120.6)
- OKLab
- oklab(0.652 -0.032 0.055)
- CIE Lab
- lab(60.24 -10.27 21.77)
- LCH
- lch(60.24 24.07 115.2)
- CMYK
- cmyk(8% 0% 29% 41%)
Tinte · Ombre · Toni
Tinte
- 95A078
- A0AA87
- ACB595
- B7BFA4
- C3C9B3
- CFD4C2
- DADFD1
- E7E9E0
- F3F4EF
Ombre
- 77825B
- 656E4D
- 535B3F
- 424931
- 323724
- 222618
- 14160D
- 070804
- 010100
Toni
- 89946D
- 88926F
- 879071
- 868D74
- 858B76
- 848978
- 83877A
- 82847C
- 81827E
Armonie di colore
Complementare +180°
- 8A966A
Bullfrog
- 9687B1
≈ Silk Lilac
Analogo -30° +30°
- 8A966A
Bullfrog
- 9E8F62
≈ Pineapple Sage
- 749B7C
≈ Jade Green
Triadico +120° +240°
- 8A966A
Bullfrog
- 6C95B3
≈ Aragonite Blue
- B1808E
≈ Degas Pink
Complementare divisa +150° +210°
- 8A966A
Bullfrog
- 818EB7
≈ Skysail Blue
- A782A2
≈ Wilhelminian Pink
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.15:1 · APCA Lc 59
Ag
AASu nero
WCAG 6.65:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.65:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--bullfrog: #8a966a;
--bullfrog-rgb: 138 150 106;
--bullfrog-oklch: oklch(0.652 0.064 120.6);
}
.element {
color: var(--bullfrog);
background-color: hsl(76 17% 50%);
border-color: oklch(0.652 0.064 120.6);
}Tailwind CSS v4
@theme {
--color-bullfrog: #8a966a;
--color-bullfrog-50: #f2f8e5;
--color-bullfrog-100: #e4ecd5;
--color-bullfrog-200: #cfd9bb;
--color-bullfrog-300: #b1bd99;
--color-bullfrog-400: #99a57a;
--color-bullfrog-500: #808d5d;
--color-bullfrog-600: #6c774f;
--color-bullfrog-700: #575f3f;
--color-bullfrog-800: #40462c;
--color-bullfrog-900: #2c301e;
--color-bullfrog-950: #191c0e;
}SCSS
$bullfrog: #8a966a;
$bullfrog-rgb: 138, 150, 106;
$bullfrog-light: mix(#fff, $bullfrog, 20%);
$bullfrog-dark: mix(#000, $bullfrog, 20%);
.element {
color: $bullfrog;
box-shadow: 0 0 0 2px rgba($bullfrog, 0.35);
}