最も近い色名 · #A0BF92
#A0BF92
最も近い色名: Oh Pistachio
#A0BF92（rgb(160 191 146)、hsl(101 26% 66%)、oklch(0.77 0.071 136)）に最も近い色名はOh Pistachioです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#A0BF92
oklch(0.77 0.071 136)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- A9C59D
- B3CCA7
- BCD2B2
- C5D8BD
- CFDFC8
- D8E5D3
- E2ECDE
- ECF2E9
- F5F9F4
シェード
- 8BA67E
- 768D6B
- 617558
- 4E5E46
- 3B4835
- 293325
- 191F16
- 090D08
- 010201
トーン
- 9DB990
- 9AB28F
- 96AC8D
- 93A58B
- 909F89
- 8D9988
- 8A9386
- 868C84
- 838682
カラーハーモニー
補色 +180°
- A0BF92
Oh Pistachio
- C6A7D3
≈ Feminine Fancy
類似色 -30° +30°
- A0BF92
Oh Pistachio
- BAB782
≈ Aloe Plant
- 88C3AA
≈ Gauss Blaster Green
トライアド +120° +240°
- A0BF92
Oh Pistachio
- 97B7E1
≈ Adrift on the Nile
- DEA2A5
≈ Pastel Pink
スプリットコンプリメンタリー +150° +210°
- A0BF92
Oh Pistachio
- B0AEE0
≈ Maximum Blue Purple
- D6A2BE
≈ Enhance
テトラード +90° +180° +270°
- A0BF92
Oh Pistachio
- 82BED7
≈ Ocean Horizon
- C6A7D3
≈ Feminine Fancy
- DBA78E
≈ North Rim
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.02:1 · APCA Lc 39
Ag
AAA黒の上
WCAG 10.36:1 · APCA Lc 63
最適な文字色: #000000
WCAG 10.36:1 (AAA) · APCA Lc 63
Contrast pairs
コードスニペット
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);
}