最接近的命名颜色 · #B7E09F
#B7E09F
最接近的命名颜色: Basil Smash
#B7E09F（rgb(183 224 159)、hsl(98 51% 75%)、oklch(0.861 0.097 134.3)）最接近命名颜色 Basil Smash。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#B7E09F
oklch(0.861 0.097 134.3)
颜色转换
- 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%)
浅色调 · 深色调 · 灰色调
浅色调
- BEE3A9
- C5E6B3
- CDEABC
- D4EDC6
- DBF0CF
- E2F3D9
- E9F6E2
- F1F9EC
- F8FCF5
深色调
- 9FC38A
- 87A675
- 708A61
- 5A704D
- 45563B
- 313E29
- 1E2718
- 0C1209
- 020201
灰色调
- B1D69C
- ACCC99
- A6C296
- A1B993
- 9BAF90
- 96A68D
- 909C8A
- 8B9387
- 858983
配色和谐
互补色 +180°
- B7E09F
Basil Smash
- E9BFFE
≈ Light Lavender
类似色 -30° +30°
- B7E09F
Basil Smash
- DBD589
≈ Flax Fibre
- 93E6C1
≈ Bubble Algae
三角配色 +120° +240°
- B7E09F
Basil Smash
- B3D4FF
≈ Ice Cold Stare
- FFBEC2
≈ Piglet
分裂互补色 +150° +210°
- B7E09F
Basil Smash
- CBCCFF
≈ Lavender Blue
- FFB9E0
≈ Bubblegum Heart
四角配色 +90° +180° +270°
- B7E09F
Basil Smash
- 8BDFFF
≈ Tranquil Pool
- E9BFFE
≈ Light Lavender
- FFC1A7
≈ Sweet Apricot
对比度与无障碍
Ag
Fail白底
WCAG 1.48:1 · APCA Lc 23
Ag
AAA黑底
WCAG 14.17:1 · APCA Lc 81
最佳文字颜色: #000000
WCAG 14.17:1 (AAA) · APCA Lc 81
Contrast pairs
代码片段
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);
}