最も近い色名 · #A8BE86
#A8BE86
最も近い色名: Nile
#A8BE86（rgb(168 190 134)、hsl(84 30% 64%)、oklch(0.771 0.08 125.6)）に最も近い色名はNileです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#A8BE86
oklch(0.771 0.08 125.6)
カラー変換
- HEX
- #a8be86
- RGB
- rgb(168 190 134)
- HSL
- hsl(84 30% 64%)
- HWB
- hwb(84 53% 25%)
- OKLCH
- oklch(0.771 0.08 125.6)
- OKLab
- oklab(0.771 -0.047 0.065)
- CIE Lab
- lab(74.24 -15.06 25.75)
- LCH
- lch(74.24 29.84 120.3)
- CMYK
- cmyk(12% 0% 29% 25%)
ティント · シェード · トーン
ティント
- B0C492
- B9CB9E
- C1D1AA
- CAD8B6
- D3DEC2
- DBE5CE
- E4EBDA
- EDF2E6
- F6F8F3
シェード
- 92A574
- 7C8C62
- 677551
- 525E40
- 3F4830
- 2C3321
- 1A1F13
- 0A0D06
- 010201
トーン
- A4B886
- A0B185
- 9CAB85
- 98A585
- 949F84
- 909983
- 8C9283
- 888C82
- 848681
カラーハーモニー
補色 +180°
- A8BE86
Nile
- C1A8DE
≈ Perfume
類似色 -30° +30°
- A8BE86
Nile
- C4B579
≈ Cool Avocado
- 8BC49F
≈ Delltone
トライアド +120° +240°
- A8BE86
Nile
- 8ABAE5
≈ C’est la Vie
- E19FAD
≈ Nana’s Rose
スプリットコンプリメンタリー +150° +210°
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.02:1 · APCA Lc 39
Ag
AAA黒の上
WCAG 10.37:1 · APCA Lc 63
最適な文字色: #000000
WCAG 10.37:1 (AAA) · APCA Lc 63
Contrast pairs
コードスニペット
CSS
:root {
--nile: #a8be86;
--nile-rgb: 168 190 134;
--nile-oklch: oklch(0.771 0.08 125.6);
}
.element {
color: var(--nile);
background-color: hsl(84 30% 64%);
border-color: oklch(0.771 0.08 125.6);
}Tailwind CSS v4
@theme {
--color-nile: #a8be86;
--color-nile-50: #effae2;
--color-nile-100: #e0edd1;
--color-nile-200: #cbdbb7;
--color-nile-300: #acc094;
--color-nile-400: #93a773;
--color-nile-500: #799054;
--color-nile-600: #677a48;
--color-nile-700: #526139;
--color-nile-800: #3d4727;
--color-nile-900: #2a311a;
--color-nile-950: #171d0b;
}SCSS
$nile: #a8be86;
$nile-rgb: 168, 190, 134;
$nile-light: mix(#fff, $nile, 20%);
$nile-dark: mix(#000, $nile, 20%);
.element {
color: $nile;
box-shadow: 0 0 0 2px rgba($nile, 0.35);
}