Colore con nome · #ACDDAF
Big Spender
Big Spender è #ACDDAF: rgb(172 221 175), hsl(124 42% 77%), oklch(0.851 0.081 146.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Big Spender color name →
#ACDDAF
oklch(0.851 0.081 146.4)
Conversioni di colore
- HEX
- #acddaf
- RGB
- rgb(172 221 175)
- HSL
- hsl(124 42% 77%)
- HWB
- hwb(124 67% 13%)
- OKLCH
- oklch(0.851 0.081 146.4)
- OKLab
- oklab(0.851 -0.068 0.045)
- CIE Lab
- lab(83.76 -23.11 17.28)
- LCH
- lch(83.76 28.86 143.2)
- CMYK
- cmyk(22% 0% 21% 13%)
Tinte · Ombre · Toni
Tinte
- B4E0B7
- BDE4BF
- C5E7C7
- CDEBCF
- D6EED7
- DEF2DF
- E6F5E7
- EFF8EF
- F7FCF7
Ombre
- 95C098
- 7FA481
- 69886B
- 546E56
- 405541
- 2D3D2E
- 1B261C
- 0B110B
- 010201
Toni
- A8D3AA
- A3CAA6
- 9FC0A1
- 9BB79C
- 96AE98
- 92A493
- 8E9B8E
- 899289
- 858985
Armonie di colore
Complementare +180°
- ACDDAF
Big Spender
- EBBCEB
≈ Lovecloud
Analogo -30° +30°
- ACDDAF
Big Spender
- CAD598
≈ Pistachio Cream
- 93E0CC
≈ Beach Glass
Triadico +120° +240°
- ACDDAF
Big Spender
- B8CEFF
≈ Ice Cold Stare
- FFBAB2
≈ Mexican Milk
Complementare divisa +150° +210°
- ACDDAF
Big Spender
- D3C4FE
≈ Innocent Snowdrop
- FAB8CF
≈ Little Baby Girl
Tetradico +90° +180° +270°
- ACDDAF
Big Spender
- 9AD7FD
≈ Shiva Blue
- EBBCEB
≈ Lovecloud
- F8C19B
≈ Almond Cream
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.53:1 · APCA Lc 25
Ag
AAASu nero
WCAG 13.71:1 · APCA Lc 79
Miglior colore del testo: #000000
WCAG 13.71:1 (AAA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--big-spender: #acddaf;
--big-spender-rgb: 172 221 175;
--big-spender-oklch: oklch(0.851 0.081 146.4);
}
.element {
color: var(--big-spender);
background-color: hsl(124 42% 77%);
border-color: oklch(0.851 0.081 146.4);
}Tailwind CSS v4
@theme {
--color-big-spender: #acddaf;
--color-big-spender-50: #e6fce9;
--color-big-spender-100: #d6f0d9;
--color-big-spender-200: #bedec1;
--color-big-spender-300: #9cc3a1;
--color-big-spender-400: #7fac82;
--color-big-spender-500: #619566;
--color-big-spender-600: #537e56;
--color-big-spender-700: #426545;
--color-big-spender-800: #304a30;
--color-big-spender-900: #213321;
--color-big-spender-950: #101f10;
}SCSS
$big-spender: #acddaf;
$big-spender-rgb: 172, 221, 175;
$big-spender-light: mix(#fff, $big-spender, 20%);
$big-spender-dark: mix(#000, $big-spender, 20%);
.element {
color: $big-spender;
box-shadow: 0 0 0 2px rgba($big-spender, 0.35);
}