最も近い色名 · #A6C48B
#A6C48B
最も近い色名: Oh Pistachio
#A6C48B（rgb(166 196 139)、hsl(92 33% 66%)、oklch(0.784 0.084 130.7)）に最も近い色名はOh Pistachioです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#A6C48B
oklch(0.784 0.084 130.7)
カラー変換
- HEX
- #a6c48b
- RGB
- rgb(166 196 139)
- HSL
- hsl(92 33% 66%)
- HWB
- hwb(92 55% 23%)
- OKLCH
- oklch(0.784 0.084 130.7)
- OKLab
- oklab(0.784 -0.055 0.064)
- CIE Lab
- lab(75.84 -18.1 25.23)
- LCH
- lch(75.84 31.05 125.7)
- CMYK
- cmyk(15% 0% 29% 23%)
ティント · シェード · トーン
ティント
- AFCA97
- B7D0A2
- C0D6AE
- C9DCB9
- D2E2C5
- DBE7D0
- E4EDDC
- EDF3E8
- F6F9F3
シェード
- 90AA78
- 7A9166
- 657854
- 516143
- 3E4A32
- 2B3523
- 1A2114
- 0A0E07
- 010201
トーン
- A2BD8A
- 9EB689
- 9BAF89
- 97A888
- 93A286
- 8F9B85
- 8B9484
- 888D83
- 848781
カラーハーモニー
補色 +180°
- A6C48B
Oh Pistachio
- CAAAE1
≈ Tropical Violet
類似色 -30° +30°
- A6C48B
Oh Pistachio
- C4BA7B
≈ Frozen Marguerita
- 87CAA7
≈ Park Green Flat
トライアド +120° +240°
- A6C48B
Oh Pistachio
- 90BDED
≈ Blue Shutters
- E9A2AB
≈ Sprinkled With Pink
スプリットコンプリメンタリー +150° +210°
- A6C48B
Oh Pistachio
- AEB3EE
≈ Wondrous Wisteria
- DEA4C9
≈ Chateau Rose
テトラード +90° +180° +270°
- A6C48B
Oh Pistachio
- 78C5DE
≈ Hawaiian Breeze
- CAAAE1
≈ Tropical Violet
- E8A78F
≈ Priceless Coral
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.92:1 · APCA Lc 37
Ag
AAA黒の上
WCAG 10.89:1 · APCA Lc 66
最適な文字色: #000000
WCAG 10.89:1 (AAA) · APCA Lc 66
Contrast pairs
コードスニペット
CSS
:root {
--oh-pistachio: #a6c48b;
--oh-pistachio-rgb: 166 196 139;
--oh-pistachio-oklch: oklch(0.784 0.084 130.7);
}
.element {
color: var(--oh-pistachio);
background-color: hsl(92 33% 66%);
border-color: oklch(0.784 0.084 130.7);
}Tailwind CSS v4
@theme {
--color-oh-pistachio: #a6c48b;
--color-oh-pistachio-50: #ecfbe2;
--color-oh-pistachio-100: #ddeed2;
--color-oh-pistachio-200: #c7ddb8;
--color-oh-pistachio-300: #a7c195;
--color-oh-pistachio-400: #8da974;
--color-oh-pistachio-500: #739255;
--color-oh-pistachio-600: #617b49;
--color-oh-pistachio-700: #4e633a;
--color-oh-pistachio-800: #394828;
--color-oh-pistachio-900: #27321b;
--color-oh-pistachio-950: #151e0b;
}SCSS
$oh-pistachio: #a6c48b;
$oh-pistachio-rgb: 166, 196, 139;
$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);
}