Colore con nome · #B7E1A1
Basil Smash
Basil Smash è #B7E1A1: rgb(183 225 161), hsl(99 52% 76%), oklch(0.864 0.096 135.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Basil Smash color name →
#B7E1A1
oklch(0.864 0.096 135.1)
Conversioni di colore
- HEX
- #b7e1a1
- RGB
- rgb(183 225 161)
- HSL
- hsl(99 52% 76%)
- HWB
- hwb(99 63% 12%)
- OKLCH
- oklch(0.864 0.096 135.1)
- OKLab
- oklab(0.864 -0.068 0.068)
- CIE Lab
- lab(85.34 -22.78 26.75)
- LCH
- lch(85.34 35.13 130.4)
- CMYK
- cmyk(19% 0% 28% 12%)
Tinte · Ombre · Toni
Tinte
- BEE4AB
- C5E7B4
- CDEABE
- D4EDC7
- DBF0D0
- E2F3DA
- E9F6E3
- F1F9EC
- F8FCF6
Ombre
- 9FC48B
- 87A776
- 708B62
- 5A704E
- 45563C
- 313E2A
- 1E2719
- 0C1209
- 020201
Toni
- B1D79E
- ACCD9B
- A6C398
- A1B995
- 9BB091
- 96A68E
- 909C8B
- 8B9387
- 858984
Armonie di colore
Complementare +180°
- B7E1A1
Basil Smash
- EBBFFE
≈ Light Lavender
Analogo -30° +30°
- B7E1A1
Basil Smash
- DBD68B
≈ Flax Fibre
- 93E7C3
≈ Bubble Algae
Triadico +120° +240°
- B7E1A1
Basil Smash
- B5D5FF
≈ Ice Cold Stare
- FFBFC3
≈ Piglet
Complementare divisa +150° +210°
- B7E1A1
Basil Smash
- CDCDFF
≈ Lavender Blue
- FFBAE0
≈ Bubblegum Heart
Tetradico +90° +180° +270°
- B7E1A1
Basil Smash
- 8FDFFF
≈ Tranquil Pool
- EBBFFE
≈ Light Lavender
- FFC3A8
≈ Gadabout
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.46:1 · APCA Lc 22
Ag
AAASu nero
WCAG 14.29:1 · APCA Lc 81
Miglior colore del testo: #000000
WCAG 14.29:1 (AAA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--basil-smash: #b7e1a1;
--basil-smash-rgb: 183 225 161;
--basil-smash-oklch: oklch(0.864 0.096 135.1);
}
.element {
color: var(--basil-smash);
background-color: hsl(99 52% 76%);
border-color: oklch(0.864 0.096 135.1);
}Tailwind CSS v4
@theme {
--color-basil-smash: #b7e1a1;
--color-basil-smash-50: #e9fce1;
--color-basil-smash-100: #d9f0d1;
--color-basil-smash-200: #c1deb6;
--color-basil-smash-300: #a0c393;
--color-basil-smash-400: #86ab71;
--color-basil-smash-500: #6a9451;
--color-basil-smash-600: #5a7e46;
--color-basil-smash-700: #476537;
--color-basil-smash-800: #354a26;
--color-basil-smash-900: #243319;
--color-basil-smash-950: #131f0a;
}SCSS
$basil-smash: #b7e1a1;
$basil-smash-rgb: 183, 225, 161;
$basil-smash-light: mix(#fff, $basil-smash, 20%);
$basil-smash-dark: mix(#000, $basil-smash, 20%);
.element {
color: $basil-smash;
box-shadow: 0 0 0 2px rgba($basil-smash, 0.35);
}