Benannte Farbe · #A5CB66
Be Spontaneous
Be Spontaneous ist #A5CB66: rgb(165 203 102), hsl(83 49% 60%), oklch(0.792 0.136 126.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Be Spontaneous color name →
#A5CB66
oklch(0.792 0.136 126.3)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- AED077
- B6D687
- BFDB97
- C8E0A6
- D1E6B5
- DAEBC4
- E3F0D3
- ECF5E2
- F6FAF0
Shades
- 8FB058
- 79964A
- 657D3C
- 51652F
- 3D4D23
- 2B3717
- 1A220C
- 0A0F04
- 010200
Tones
- A1C36A
- 9EBC6E
- 9AB472
- 96AD75
- 92A577
- 8F9E7A
- 8B967C
- 878F7D
- 84877F
Farbharmonien
Komplementär +180°
- A5CB66
Be Spontaneous
- D1A4FF
≈ Lilac
Analog -30° +30°
- A5CB66
Be Spontaneous
- D5BB47
≈ Credo
- 68D597
≈ Aurora Green
Triadisch +120° +240°
- A5CB66
Be Spontaneous
- 7DC2FF
≈ Maya Blue
- FF98AE
≈ Fight the Sunrise
Geteilt komplementär +150° +210°
- A5CB66
Be Spontaneous
- A9B6FF
≈ Greyish Lavender
- F298DC
≈ Bubblegum Kisses
Tetradisch +90° +180° +270°
- A5CB66
Be Spontaneous
- 22D0F3
≈ Picnic Day Sky
- D1A4FF
≈ Lilac
- FF9E83
≈ Peachy Salmon
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.85:1 · APCA Lc 35
Ag
AAAAuf Schwarz
WCAG 11.33:1 · APCA Lc 68
Beste Textfarbe: #000000
WCAG 11.33:1 (AAA) · APCA Lc 68
Contrast pairs
Code-Snippets
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);
}