Màu có tên gần nhất · #98BC69
#98BC69
Màu có tên gần nhất: Pistachio
#98BC69 (rgb(152 188 105), hsl(86 38% 57%), oklch(0.75 0.117 128.1)) gần nhất với màu có tên Pistachio. 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.
#98BC69
oklch(0.75 0.117 128.1)
Chuyển đổi màu
- HEX
- #98bc69
- RGB
- rgb(152 188 105)
- HSL
- hsl(86 38% 57%)
- HWB
- hwb(86 41% 26%)
- OKLCH
- oklch(0.75 0.117 128.1)
- OKLab
- oklab(0.75 -0.072 0.092)
- CIE Lab
- lab(72.16 -23.05 37.68)
- LCH
- lch(72.16 44.17 121.5)
- CMYK
- cmyk(19% 0% 44% 26%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A2C379
- ACCA88
- B6D097
- C0D7A6
- CADEB5
- D5E4C4
- DFEBD2
- EAF2E1
- F4F8F0
Sắc đậm
- 84A35A
- 708B4C
- 5C733E
- 4A5D31
- 384724
- 273218
- 171F0C
- 080D04
- 010200
Sắc xám
- 96B66C
- 93B070
- 91AA72
- 8EA475
- 8C9E77
- 8A9879
- 87927B
- 858C7D
- 82867F
Hòa sắc
Bổ túc +180°
- 98BC69
Pistachio
- C399E7
≈ Bright Lavender
Tương đồng -30° +30°
- 98BC69
Pistachio
- C1AE50
≈ Sun Dance
- 66C491
≈ Felt Green
Bộ ba +120° +240°
- 98BC69
Pistachio
- 6FB4F4
≈ French Sky Blue
- ED8D9F
≈ Wonder Lust
Bổ túc chia +150° +210°
- 98BC69
Pistachio
- 9DA6F7
≈ Widowmaker
- DE90C7
≈ Firm Pink
Bộ bốn +90° +180° +270°
- 98BC69
Pistachio
- 40BFDF
≈ Lake Thun
- C399E7
≈ Bright Lavender
- ED9376
≈ Moegi Green
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.15:1 · APCA Lc 42
Ag
AAATrên nền đen
WCAG 9.73:1 · APCA Lc 60
Màu chữ tốt nhất: #000000
WCAG 9.73:1 (AAA) · APCA Lc 60
Contrast pairs
Đoạn mã
CSS
:root {
--pistachio: #98bc69;
--pistachio-rgb: 152 188 105;
--pistachio-oklch: oklch(0.75 0.117 128.1);
}
.element {
color: var(--pistachio);
background-color: hsl(86 38% 57%);
border-color: oklch(0.75 0.117 128.1);
}Tailwind CSS v4
@theme {
--color-pistachio: #98bc69;
--color-pistachio-50: #eafdda;
--color-pistachio-100: #dbf0c8;
--color-pistachio-200: #c4dfaa;
--color-pistachio-300: #a3c484;
--color-pistachio-400: #8aac5e;
--color-pistachio-500: #6f9437;
--color-pistachio-600: #5e7e30;
--color-pistachio-700: #4b6526;
--color-pistachio-800: #384918;
--color-pistachio-900: #26330f;
--color-pistachio-950: #151e03;
}SCSS
$pistachio: #98bc69;
$pistachio-rgb: 152, 188, 105;
$pistachio-light: mix(#fff, $pistachio, 20%);
$pistachio-dark: mix(#000, $pistachio, 20%);
.element {
color: $pistachio;
box-shadow: 0 0 0 2px rgba($pistachio, 0.35);
}