Couleur nommée la plus proche · #B7E09F
#B7E09F
Couleur nommée la plus proche: Basil Smash
#B7E09F (rgb(183 224 159), hsl(98 51% 75%), oklch(0.861 0.097 134.3)) est la plus proche de la couleur nommée Basil Smash. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#B7E09F
oklch(0.861 0.097 134.3)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- BEE3A9
- C5E6B3
- CDEABC
- D4EDC6
- DBF0CF
- E2F3D9
- E9F6E2
- F1F9EC
- F8FCF5
Ombres
- 9FC38A
- 87A675
- 708A61
- 5A704D
- 45563B
- 313E29
- 1E2718
- 0C1209
- 020201
Tons
- B1D69C
- ACCC99
- A6C296
- A1B993
- 9BAF90
- 96A68D
- 909C8A
- 8B9387
- 858983
Harmonies de couleurs
Complémentaire +180°
- B7E09F
Basil Smash
- E9BFFE
≈ Light Lavender
Analogue -30° +30°
- B7E09F
Basil Smash
- DBD589
≈ Flax Fibre
- 93E6C1
≈ Bubble Algae
Triadique +120° +240°
- B7E09F
Basil Smash
- B3D4FF
≈ Ice Cold Stare
- FFBEC2
≈ Piglet
Complémentaire divisée +150° +210°
- B7E09F
Basil Smash
- CBCCFF
≈ Lavender Blue
- FFB9E0
≈ Bubblegum Heart
Tétradique +90° +180° +270°
- B7E09F
Basil Smash
- 8BDFFF
≈ Tranquil Pool
- E9BFFE
≈ Light Lavender
- FFC1A7
≈ Sweet Apricot
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.48:1 · APCA Lc 23
Ag
AAASur noir
WCAG 14.17:1 · APCA Lc 81
Meilleure couleur de texte: #000000
WCAG 14.17:1 (AAA) · APCA Lc 81
Contrast pairs
Extraits de code
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);
}