Màu có tên gần nhất · #B0C89F
#B0C89F
Màu có tên gần nhất: Greenhorn
#B0C89F (rgb(176 200 159), hsl(95 27% 70%), oklch(0.804 0.062 132.5)) gần nhất với màu có tên Greenhorn. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#B0C89F
oklch(0.804 0.062 132.5)
Chuyển đổi màu
- HEX
- #b0c89f
- RGB
- rgb(176 200 159)
- HSL
- hsl(95 27% 70%)
- HWB
- hwb(95 62% 22%)
- OKLCH
- oklch(0.804 0.062 132.5)
- OKLab
- oklab(0.804 -0.042 0.046)
- CIE Lab
- lab(77.97 -13.99 17.75)
- LCH
- lch(77.97 22.6 128.2)
- CMYK
- cmyk(12% 0% 21% 22%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B8CDA8
- BFD3B2
- C7D8BB
- CFDEC5
- D7E3CF
- DFE9D8
- E7EEE2
- EFF4EB
- F7F9F5
Sắc đậm
- 99AE8A
- 829475
- 6C7B61
- 56634D
- 424C3B
- 2E3629
- 1C2118
- 0B0F09
- 010201
Sắc xám
- ABC19C
- A6B999
- A1B296
- 9DAB93
- 98A390
- 939C8D
- 8E958A
- 898E86
- 858783
Hòa sắc
Bổ túc +180°
- B0C89F
Greenhorn
- CDB4DC
≈ Sea Lavender
Tương đồng -30° +30°
- B0C89F
Greenhorn
- C6C193
≈ Lime Peel
- 9BCCB3
≈ Mint Ice Cream
Bộ ba +120° +240°
- B0C89F
Greenhorn
- A3C2E7
≈ Sky High
- E4AFB4
≈ Sakura
Bổ túc chia +150° +210°
- B0C89F
Greenhorn
- B8BBE7
≈ Pretty Posie
- DCB0CA
≈ Pink Lavender
Bộ bốn +90° +180° +270°
- B0C89F
Greenhorn
- 93C9DC
≈ Baby Motive
- CDB4DC
≈ Sea Lavender
- E3B3A0
≈ Prosciutto
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.80:1 · APCA Lc 34
Ag
AAATrên nền đen
WCAG 11.60:1 · APCA Lc 69
Màu chữ tốt nhất: #000000
WCAG 11.60:1 (AAA) · APCA Lc 69
Contrast pairs
Đoạn mã
CSS
:root {
--greenhorn: #b0c89f;
--greenhorn-rgb: 176 200 159;
--greenhorn-oklch: oklch(0.804 0.062 132.5);
}
.element {
color: var(--greenhorn);
background-color: hsl(95 27% 70%);
border-color: oklch(0.804 0.062 132.5);
}Tailwind CSS v4
@theme {
--color-greenhorn: #b0c89f;
--color-greenhorn-50: #eef9e8;
--color-greenhorn-100: #dfedd8;
--color-greenhorn-200: #c9dbc0;
--color-greenhorn-300: #aabf9f;
--color-greenhorn-400: #91a781;
--color-greenhorn-500: #778f64;
--color-greenhorn-600: #647955;
--color-greenhorn-700: #506144;
--color-greenhorn-800: #3b4730;
--color-greenhorn-900: #283121;
--color-greenhorn-950: #161d10;
}SCSS
$greenhorn: #b0c89f;
$greenhorn-rgb: 176, 200, 159;
$greenhorn-light: mix(#fff, $greenhorn, 20%);
$greenhorn-dark: mix(#000, $greenhorn, 20%);
.element {
color: $greenhorn;
box-shadow: 0 0 0 2px rgba($greenhorn, 0.35);
}