最も近い色名 · #AFB688
#AFB688
最も近い色名: Nile
#AFB688（rgb(175 182 136)、hsl(69 24% 62%)、oklch(0.759 0.063 115)）に最も近い色名はNileです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#AFB688
oklch(0.759 0.063 115)
カラー変換
- HEX
- #afb688
- RGB
- rgb(175 182 136)
- HSL
- hsl(69 24% 62%)
- HWB
- hwb(69 53% 29%)
- OKLCH
- oklch(0.759 0.063 115)
- OKLab
- oklab(0.759 -0.027 0.057)
- CIE Lab
- lab(72.6 -8.3 22.65)
- LCH
- lch(72.6 24.12 110.1)
- CMYK
- cmyk(4% 0% 25% 29%)
ティント · シェード · トーン
ティント
- B7BD94
- BEC49F
- C6CCAB
- CED3B7
- D6DAC3
- DEE1CF
- E6E9DB
- EEF0E7
- F7F8F3
シェード
- 989E75
- 818663
- 6B6F52
- 565941
- 414431
- 2E3022
- 1C1D13
- 0B0C06
- 010201
トーン
- AAB187
- A5AB87
- A1A686
- 9CA086
- 979B85
- 929584
- 8E9083
- 898B82
- 858581
カラーハーモニー
補色 +180°
- AFB688
Nile
- B3A9D5
≈ Grape Illusion
類似色 -30° +30°
- AFB688
Nile
- C3AE83
≈ Cliff Ridge
- 98BC98
≈ Quiet Green
トライアド +120° +240°
スプリットコンプリメンタリー +150° +210°
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.12:1 · APCA Lc 42
Ag
AAA黒の上
WCAG 9.86:1 · APCA Lc 61
最適な文字色: #000000
WCAG 9.86:1 (AAA) · APCA Lc 61
Contrast pairs
コードスニペット
CSS
:root {
--nile: #afb688;
--nile-rgb: 175 182 136;
--nile-oklch: oklch(0.759 0.063 115);
}
.element {
color: var(--nile);
background-color: hsl(69 24% 62%);
border-color: oklch(0.759 0.063 115);
}Tailwind CSS v4
@theme {
--color-nile: #afb688;
--color-nile-50: #f3f8e4;
--color-nile-100: #e6ebd4;
--color-nile-200: #d2d8ba;
--color-nile-300: #b5bc98;
--color-nile-400: #9da378;
--color-nile-500: #858b5a;
--color-nile-600: #70764d;
--color-nile-700: #5a5e3d;
--color-nile-800: #42452b;
--color-nile-900: #2e301d;
--color-nile-950: #1b1c0d;
}SCSS
$nile: #afb688;
$nile-rgb: 175, 182, 136;
$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);
}