Colore con nome · #A5CB66
Be Spontaneous
Be Spontaneous è #A5CB66: rgb(165 203 102), hsl(83 49% 60%), oklch(0.792 0.136 126.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Be Spontaneous color name →
#A5CB66
oklch(0.792 0.136 126.3)
Conversioni di colore
- HEX
- #a5cb66
- RGB
- rgb(165 203 102)
- HSL
- hsl(83 49% 60%)
- HWB
- hwb(83 40% 20%)
- OKLCH
- oklch(0.792 0.136 126.3)
- OKLab
- oklab(0.792 -0.081 0.11)
- CIE Lab
- lab(77.27 -25.12 45.52)
- LCH
- lch(77.27 51.99 118.9)
- CMYK
- cmyk(19% 0% 50% 20%)
Tinte · Ombre · Toni
Tinte
- AED077
- B6D687
- BFDB97
- C8E0A6
- D1E6B5
- DAEBC4
- E3F0D3
- ECF5E2
- F6FAF0
Ombre
- 8FB058
- 79964A
- 657D3C
- 51652F
- 3D4D23
- 2B3717
- 1A220C
- 0A0F04
- 010200
Toni
- A1C36A
- 9EBC6E
- 9AB472
- 96AD75
- 92A577
- 8F9E7A
- 8B967C
- 878F7D
- 84877F
Armonie di colore
Complementare +180°
- A5CB66
Be Spontaneous
- D1A4FF
≈ Lilac
Analogo -30° +30°
- A5CB66
Be Spontaneous
- D5BB47
≈ Credo
- 68D597
≈ Aurora Green
Triadico +120° +240°
- A5CB66
Be Spontaneous
- 7DC2FF
≈ Maya Blue
- FF98AE
≈ Fight the Sunrise
Complementare divisa +150° +210°
- A5CB66
Be Spontaneous
- A9B6FF
≈ Greyish Lavender
- F298DC
≈ Bubblegum Kisses
Tetradico +90° +180° +270°
- A5CB66
Be Spontaneous
- 22D0F3
≈ Picnic Day Sky
- D1A4FF
≈ Lilac
- FF9E83
≈ Peachy Salmon
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.85:1 · APCA Lc 35
Ag
AAASu nero
WCAG 11.33:1 · APCA Lc 68
Miglior colore del testo: #000000
WCAG 11.33:1 (AAA) · APCA Lc 68
Contrast pairs
Frammenti di codice
CSS
:root {
--be-spontaneous: #a5cb66;
--be-spontaneous-rgb: 165 203 102;
--be-spontaneous-oklch: oklch(0.792 0.136 126.3);
}
.element {
color: var(--be-spontaneous);
background-color: hsl(83 49% 60%);
border-color: oklch(0.792 0.136 126.3);
}Tailwind CSS v4
@theme {
--color-be-spontaneous: #a5cb66;
--color-be-spontaneous-50: #eafdd4;
--color-be-spontaneous-100: #daf1c1;
--color-be-spontaneous-200: #c3e0a2;
--color-be-spontaneous-300: #a3c578;
--color-be-spontaneous-400: #8aad4e;
--color-be-spontaneous-500: #6f9519;
--color-be-spontaneous-600: #5e7e1a;
--color-be-spontaneous-700: #4b6515;
--color-be-spontaneous-800: #384a09;
--color-be-spontaneous-900: #273306;
--color-be-spontaneous-950: #151f00;
}SCSS
$be-spontaneous: #a5cb66;
$be-spontaneous-rgb: 165, 203, 102;
$be-spontaneous-light: mix(#fff, $be-spontaneous, 20%);
$be-spontaneous-dark: mix(#000, $be-spontaneous, 20%);
.element {
color: $be-spontaneous;
box-shadow: 0 0 0 2px rgba($be-spontaneous, 0.35);
}