Màu có tên gần nhất · #A0BF92
#A0BF92
Màu có tên gần nhất: Oh Pistachio
#A0BF92 (rgb(160 191 146), hsl(101 26% 66%), oklch(0.77 0.071 136)) gần nhất với màu có tên Oh 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.
#A0BF92
oklch(0.77 0.071 136)
Chuyển đổi màu
- HEX
- #a0bf92
- RGB
- rgb(160 191 146)
- HSL
- hsl(101 26% 66%)
- HWB
- hwb(101 57% 25%)
- OKLCH
- oklch(0.77 0.071 136)
- OKLab
- oklab(0.77 -0.051 0.049)
- CIE Lab
- lab(74.13 -17.15 19.18)
- LCH
- lch(74.13 25.73 131.8)
- CMYK
- cmyk(16% 0% 24% 25%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A9C59D
- B3CCA7
- BCD2B2
- C5D8BD
- CFDFC8
- D8E5D3
- E2ECDE
- ECF2E9
- F5F9F4
Sắc đậm
- 8BA67E
- 768D6B
- 617558
- 4E5E46
- 3B4835
- 293325
- 191F16
- 090D08
- 010201
Sắc xám
- 9DB990
- 9AB28F
- 96AC8D
- 93A58B
- 909F89
- 8D9988
- 8A9386
- 868C84
- 838682
Hòa sắc
Bổ túc +180°
- A0BF92
Oh Pistachio
- C6A7D3
≈ Feminine Fancy
Tương đồng -30° +30°
- A0BF92
Oh Pistachio
- BAB782
≈ Aloe Plant
- 88C3AA
≈ Gauss Blaster Green
Bộ ba +120° +240°
- A0BF92
Oh Pistachio
- 97B7E1
≈ Adrift on the Nile
- DEA2A5
≈ Pastel Pink
Bổ túc chia +150° +210°
- A0BF92
Oh Pistachio
- B0AEE0
≈ Maximum Blue Purple
- D6A2BE
≈ Enhance
Bộ bốn +90° +180° +270°
- A0BF92
Oh Pistachio
- 82BED7
≈ Ocean Horizon
- C6A7D3
≈ Feminine Fancy
- DBA78E
≈ North Rim
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.02:1 · APCA Lc 39
Ag
AAATrên nền đen
WCAG 10.36:1 · APCA Lc 63
Màu chữ tốt nhất: #000000
WCAG 10.36:1 (AAA) · APCA Lc 63
Contrast pairs
Đoạn mã
CSS
:root {
--oh-pistachio: #a0bf92;
--oh-pistachio-rgb: 160 191 146;
--oh-pistachio-oklch: oklch(0.77 0.071 136);
}
.element {
color: var(--oh-pistachio);
background-color: hsl(101 26% 66%);
border-color: oklch(0.77 0.071 136);
}Tailwind CSS v4
@theme {
--color-oh-pistachio: #a0bf92;
--color-oh-pistachio-50: #ecfae7;
--color-oh-pistachio-100: #ddeed7;
--color-oh-pistachio-200: #c6dcbf;
--color-oh-pistachio-300: #a6c19d;
--color-oh-pistachio-400: #8ca87f;
--color-oh-pistachio-500: #719162;
--color-oh-pistachio-600: #607b53;
--color-oh-pistachio-700: #4c6242;
--color-oh-pistachio-800: #38482f;
--color-oh-pistachio-900: #26321f;
--color-oh-pistachio-950: #151e0f;
}SCSS
$oh-pistachio: #a0bf92;
$oh-pistachio-rgb: 160, 191, 146;
$oh-pistachio-light: mix(#fff, $oh-pistachio, 20%);
$oh-pistachio-dark: mix(#000, $oh-pistachio, 20%);
.element {
color: $oh-pistachio;
box-shadow: 0 0 0 2px rgba($oh-pistachio, 0.35);
}