Colore con nome · #B7D24B
Solid Gold
Solid Gold è #B7D24B: rgb(183 210 75), hsl(72 60% 56%), oklch(0.818 0.161 119.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Solid Gold color name →
#B7D24B
oklch(0.818 0.161 119.8)
Conversioni di colore
- HEX
- #b7d24b
- RGB
- rgb(183 210 75)
- HSL
- hsl(72 60% 56%)
- HWB
- hwb(72 29% 18%)
- OKLCH
- oklch(0.818 0.161 119.8)
- OKLab
- oklab(0.818 -0.08 0.14)
- CIE Lab
- lab(80.27 -22.94 60.98)
- LCH
- lch(80.27 65.15 110.6)
- CMYK
- cmyk(13% 0% 64% 18%)
Tinte · Ombre · Toni
Tinte
- BED763
- C5DC77
- CCE08A
- D3E59C
- DAE9AD
- E1EEBE
- E8F2CE
- F0F7DF
- F7FBEF
Ombre
- 9FB640
- 879B35
- 70812B
- 5A6821
- 455017
- 31390E
- 1E2406
- 0C1002
- 020200
Toni
- B1CA55
- ABC25D
- A6B964
- A0B16A
- 9BA96F
- 95A174
- 909977
- 8A907B
- 85887E
Armonie di colore
Complementare +180°
- B7D24B
Solid Gold
- CEB4FF
≈ Violet Heaven
Analogo -30° +30°
- B7D24B
Solid Gold
- ECBD1F
≈ Gold Ore
- 6CE089
≈ Pastel Green
Triadico +120° +240°
- B7D24B
Solid Gold
- 84CDFF
≈ Platonic Blue
- FFA5C1
≈ Amélie’s Tutu
Complementare divisa +150° +210°
- B7D24B
Solid Gold
- ACC1FF
≈ Pastel Blue
- FD9BF5
≈ Pink Elephants
Tetradico +90° +180° +270°
- B7D24B
Solid Gold
- 00DCF5
≈ Tamarama
- CEB4FF
≈ Violet Heaven
- FFAA9C
≈ Poised Peach
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.70:1 · APCA Lc 30
Ag
AAASu nero
WCAG 12.33:1 · APCA Lc 72
Miglior colore del testo: #000000
WCAG 12.33:1 (AAA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--solid-gold: #b7d24b;
--solid-gold-rgb: 183 210 75;
--solid-gold-oklch: oklch(0.818 0.161 119.8);
}
.element {
color: var(--solid-gold);
background-color: hsl(72 60% 56%);
border-color: oklch(0.818 0.161 119.8);
}Tailwind CSS v4
@theme {
--color-solid-gold: #b7d24b;
--color-solid-gold-50: #edfdca;
--color-solid-gold-100: #dff1b5;
--color-solid-gold-200: #c9e091;
--color-solid-gold-300: #aac462;
--color-solid-gold-400: #93ab26;
--color-solid-gold-500: #7a9300;
--color-solid-gold-600: #687d00;
--color-solid-gold-700: #536400;
--color-solid-gold-800: #3e4900;
--color-solid-gold-900: #2b3200;
--color-solid-gold-950: #181e00;
}SCSS
$solid-gold: #b7d24b;
$solid-gold-rgb: 183, 210, 75;
$solid-gold-light: mix(#fff, $solid-gold, 20%);
$solid-gold-dark: mix(#000, $solid-gold, 20%);
.element {
color: $solid-gold;
box-shadow: 0 0 0 2px rgba($solid-gold, 0.35);
}