Nazwany kolor · #B7E1A1
Basil Smash
Basil Smash to #B7E1A1: rgb(183 225 161), hsl(99 52% 76%), oklch(0.864 0.096 135.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Basil Smash color name →
#B7E1A1
oklch(0.864 0.096 135.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BEE4AB
- C5E7B4
- CDEABE
- D4EDC7
- DBF0D0
- E2F3DA
- E9F6E3
- F1F9EC
- F8FCF6
Odcienie ciemniejsze
- 9FC48B
- 87A776
- 708B62
- 5A704E
- 45563C
- 313E2A
- 1E2719
- 0C1209
- 020201
Tony
- B1D79E
- ACCD9B
- A6C398
- A1B995
- 9BB091
- 96A68E
- 909C8B
- 8B9387
- 858984
Harmonie kolorów
Komplementarna +180°
- B7E1A1
Basil Smash
- EBBFFE
≈ Light Lavender
Analogowa -30° +30°
- B7E1A1
Basil Smash
- DBD68B
≈ Flax Fibre
- 93E7C3
≈ Bubble Algae
Triada +120° +240°
- B7E1A1
Basil Smash
- B5D5FF
≈ Ice Cold Stare
- FFBFC3
≈ Piglet
Komplementarna rozszczepiona +150° +210°
- B7E1A1
Basil Smash
- CDCDFF
≈ Lavender Blue
- FFBAE0
≈ Bubblegum Heart
Tetrada +90° +180° +270°
- B7E1A1
Basil Smash
- 8FDFFF
≈ Tranquil Pool
- EBBFFE
≈ Light Lavender
- FFC3A8
≈ Gadabout
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.46:1 · APCA Lc 22
Ag
AAANa czerni
WCAG 14.29:1 · APCA Lc 81
Najlepszy kolor tekstu: #000000
WCAG 14.29:1 (AAA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
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);
}