Màu có tên gần nhất · #9ABF7B
#9ABF7B
Màu có tên gần nhất: Pistachio
#9ABF7B (rgb(154 191 123), hsl(93 35% 62%), oklch(0.761 0.101 131.6)) 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.
#9ABF7B
oklch(0.761 0.101 131.6)
Chuyển đổi màu
- HEX
- #9abf7b
- RGB
- rgb(154 191 123)
- HSL
- hsl(93 35% 62%)
- HWB
- hwb(93 48% 25%)
- OKLCH
- oklch(0.761 0.101 131.6)
- OKLab
- oklab(0.761 -0.067 0.075)
- CIE Lab
- lab(73.38 -21.94 30.12)
- LCH
- lch(73.38 37.27 126.1)
- CMYK
- cmyk(19% 0% 36% 25%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A4C588
- AECC96
- B8D2A3
- C2D9B0
- CCDFBD
- D6E6CA
- E0ECD7
- EAF2E4
- F5F9F2
Sắc đậm
- 85A66A
- 718D5A
- 5E754A
- 4B5E3A
- 39482C
- 27331E
- 171F10
- 090D05
- 010201
Sắc xám
- 97B97C
- 95B27D
- 92AC7E
- 90A67F
- 8D9F7F
- 8B9980
- 889380
- 858D80
- 838680
Hòa sắc
Bổ túc +180°
- 9ABF7B
Pistachio
- C79FE0
≈ Silver Rust
Tương đồng -30° +30°
- 9ABF7B
Pistachio
- BEB465
≈ Hi Def Lime
- 73C69D
≈ Minted Elegance
Bộ ba +120° +240°
- 9ABF7B
Pistachio
- 81B6F0
≈ Fly Away
- EA96A1
≈ All Dressed Up
Bổ túc chia +150° +210°
- 9ABF7B
Pistachio
- A6AAF0
≈ Wondrous Wisteria
- DE98C4
≈ Lilac Chiffon
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.07:1 · APCA Lc 41
Ag
AAATrên nền đen
WCAG 10.11:1 · APCA Lc 62
Màu chữ tốt nhất: #000000
WCAG 10.11:1 (AAA) · APCA Lc 62
Contrast pairs
Đoạn mã
CSS
:root {
--pistachio: #9abf7b;
--pistachio-rgb: 154 191 123;
--pistachio-oklch: oklch(0.761 0.101 131.6);
}
.element {
color: var(--pistachio);
background-color: hsl(93 35% 62%);
border-color: oklch(0.761 0.101 131.6);
}Tailwind CSS v4
@theme {
--color-pistachio: #9abf7b;
--color-pistachio-50: #eafcdf;
--color-pistachio-100: #dbf0ce;
--color-pistachio-200: #c3deb3;
--color-pistachio-300: #a3c38e;
--color-pistachio-400: #89ab6c;
--color-pistachio-500: #6d944a;
--color-pistachio-600: #5d7d40;
--color-pistachio-700: #4a6432;
--color-pistachio-800: #374922;
--color-pistachio-900: #253316;
--color-pistachio-950: #141e08;
}SCSS
$pistachio: #9abf7b;
$pistachio-rgb: 154, 191, 123;
$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);
}