Colore con nome · #BAD147
Mossy Shining Gold
Mossy Shining Gold è #BAD147: rgb(186 209 71), hsl(70 60% 55%), oklch(0.818 0.162 118.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Mossy Shining Gold color name →
#BAD147
oklch(0.818 0.162 118.3)
Conversioni di colore
- HEX
- #bad147
- RGB
- rgb(186 209 71)
- HSL
- hsl(70 60% 55%)
- HWB
- hwb(70 28% 18%)
- OKLCH
- oklch(0.818 0.162 118.3)
- OKLab
- oklab(0.818 -0.077 0.143)
- CIE Lab
- lab(80.19 -21.48 62.53)
- LCH
- lch(80.19 66.11 109)
- CMYK
- cmyk(11% 0% 66% 18%)
Tinte · Ombre · Toni
Tinte
- C0D660
- C7DB75
- CEE088
- D4E49A
- DBE9AC
- E2EEBD
- E9F2CE
- F0F6DE
- F8FBEF
Ombre
- A1B53D
- 899B32
- 728128
- 5C681F
- 465016
- 32390D
- 1E2306
- 0D1002
- 020200
Toni
- B4C952
- AEC15B
- A8B962
- A2B169
- 9CA86E
- 96A073
- 919877
- 8B907A
- 85887D
Armonie di colore
Complementare +180°
- BAD147
Mossy Shining Gold
- CCB5FF
≈ Violet Heaven
Analogo -30° +30°
- BAD147
Mossy Shining Gold
- EEBC1D
≈ Goldfinger
- 70E086
≈ Pastel Green
Triadico +120° +240°
- BAD147
Mossy Shining Gold
- 80CDFF
≈ Platonic Blue
- FFA4C3
≈ Taffy Pink
Complementare divisa +150° +210°
- BAD147
Mossy Shining Gold
- AAC2FF
≈ Pastel Blue
- FB9BF8
≈ Pinkalicious
Tetradico +90° +180° +270°
- BAD147
Mossy Shining Gold
- 00DCF3
≈ Tamarama
- CCB5FF
≈ Violet Heaven
- FFAA9E
≈ Poised Peach
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.70:1 · APCA Lc 30
Ag
AAASu nero
WCAG 12.29:1 · APCA Lc 72
Miglior colore del testo: #000000
WCAG 12.29:1 (AAA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--mossy-shining-gold: #bad147;
--mossy-shining-gold-rgb: 186 209 71;
--mossy-shining-gold-oklch: oklch(0.818 0.162 118.3);
}
.element {
color: var(--mossy-shining-gold);
background-color: hsl(70 60% 55%);
border-color: oklch(0.818 0.162 118.3);
}Tailwind CSS v4
@theme {
--color-mossy-shining-gold: #bad147;
--color-mossy-shining-gold-50: #eefdc9;
--color-mossy-shining-gold-100: #e0f1b4;
--color-mossy-shining-gold-200: #cbdf8f;
--color-mossy-shining-gold-300: #acc45f;
--color-mossy-shining-gold-400: #96aa20;
--color-mossy-shining-gold-500: #7e9200;
--color-mossy-shining-gold-600: #6a7c00;
--color-mossy-shining-gold-700: #556300;
--color-mossy-shining-gold-800: #404800;
--color-mossy-shining-gold-900: #2c3200;
--color-mossy-shining-gold-950: #191e00;
}SCSS
$mossy-shining-gold: #bad147;
$mossy-shining-gold-rgb: 186, 209, 71;
$mossy-shining-gold-light: mix(#fff, $mossy-shining-gold, 20%);
$mossy-shining-gold-dark: mix(#000, $mossy-shining-gold, 20%);
.element {
color: $mossy-shining-gold;
box-shadow: 0 0 0 2px rgba($mossy-shining-gold, 0.35);
}