Najbliższy nazwany kolor · #B7E09F
#B7E09F
Najbliższy nazwany kolor: Basil Smash
#B7E09F (rgb(183 224 159), hsl(98 51% 75%), oklch(0.861 0.097 134.3)) jest najbliższy nazwanemu kolorowi Basil Smash. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#B7E09F
oklch(0.861 0.097 134.3)
Konwersje koloru
- HEX
- #b7e09f
- RGB
- rgb(183 224 159)
- HSL
- hsl(98 51% 75%)
- HWB
- hwb(98 62% 12%)
- OKLCH
- oklch(0.861 0.097 134.3)
- OKLab
- oklab(0.861 -0.068 0.069)
- CIE Lab
- lab(85.03 -22.56 27.36)
- LCH
- lch(85.03 35.46 129.5)
- CMYK
- cmyk(18% 0% 29% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BEE3A9
- C5E6B3
- CDEABC
- D4EDC6
- DBF0CF
- E2F3D9
- E9F6E2
- F1F9EC
- F8FCF5
Odcienie ciemniejsze
- 9FC38A
- 87A675
- 708A61
- 5A704D
- 45563B
- 313E29
- 1E2718
- 0C1209
- 020201
Tony
- B1D69C
- ACCC99
- A6C296
- A1B993
- 9BAF90
- 96A68D
- 909C8A
- 8B9387
- 858983
Harmonie kolorów
Komplementarna +180°
- B7E09F
Basil Smash
- E9BFFE
≈ Light Lavender
Analogowa -30° +30°
- B7E09F
Basil Smash
- DBD589
≈ Flax Fibre
- 93E6C1
≈ Bubble Algae
Triada +120° +240°
- B7E09F
Basil Smash
- B3D4FF
≈ Ice Cold Stare
- FFBEC2
≈ Piglet
Komplementarna rozszczepiona +150° +210°
- B7E09F
Basil Smash
- CBCCFF
≈ Lavender Blue
- FFB9E0
≈ Bubblegum Heart
Tetrada +90° +180° +270°
- B7E09F
Basil Smash
- 8BDFFF
≈ Tranquil Pool
- E9BFFE
≈ Light Lavender
- FFC1A7
≈ Sweet Apricot
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.48:1 · APCA Lc 23
Ag
AAANa czerni
WCAG 14.17:1 · APCA Lc 81
Najlepszy kolor tekstu: #000000
WCAG 14.17:1 (AAA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--basil-smash: #b7e09f;
--basil-smash-rgb: 183 224 159;
--basil-smash-oklch: oklch(0.861 0.097 134.3);
}
.element {
color: var(--basil-smash);
background-color: hsl(98 51% 75%);
border-color: oklch(0.861 0.097 134.3);
}Tailwind CSS v4
@theme {
--color-basil-smash: #b7e09f;
--color-basil-smash-50: #e9fce1;
--color-basil-smash-100: #daf0d0;
--color-basil-smash-200: #c2deb5;
--color-basil-smash-300: #a1c392;
--color-basil-smash-400: #86ab70;
--color-basil-smash-500: #6b9450;
--color-basil-smash-600: #5a7d44;
--color-basil-smash-700: #486436;
--color-basil-smash-800: #354925;
--color-basil-smash-900: #243319;
--color-basil-smash-950: #131f09;
}SCSS
$basil-smash: #b7e09f;
$basil-smash-rgb: 183, 224, 159;
$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);
}