最も近い色名 · #AFC08F
#AFC08F
最も近い色名: Nile
#AFC08F（rgb(175 192 143)、hsl(81 28% 66%)、oklch(0.782 0.069 123.5)）に最も近い色名はNileです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#AFC08F
oklch(0.782 0.069 123.5)
カラー変換
- HEX
- #afc08f
- RGB
- rgb(175 192 143)
- HSL
- hsl(81 28% 66%)
- HWB
- hwb(81 56% 25%)
- OKLCH
- oklch(0.782 0.069 123.5)
- OKLab
- oklab(0.782 -0.038 0.058)
- CIE Lab
- lab(75.45 -12.39 22.75)
- LCH
- lch(75.45 25.9 118.6)
- CMYK
- cmyk(9% 0% 26% 25%)
ティント · シェード · トーン
ティント
- B7C69A
- BFCDA5
- C6D3B0
- CED9BB
- D6DFC7
- DEE6D2
- E6ECDD
- EFF2E8
- F7F9F4
シェード
- 98A77C
- 818E69
- 6B7657
- 565F45
- 414934
- 2E3424
- 1C2015
- 0B0E07
- 010201
トーン
- AAB98E
- A5B38C
- A1AC8B
- 9CA68A
- 97A088
- 929987
- 8E9385
- 898D83
- 858682
カラーハーモニー
補色 +180°
- AFC08F
Nile
- C1AEDD
≈ Perfume
類似色 -30° +30°
- AFC08F
Nile
- C7B885
≈ Yuma
- 96C6A4
≈ Peppermint Spray
トライアド +120° +240°
- AFC08F
Nile
- 92BEE2
≈ Toile Blue
- DFA6B3
≈ Iced Vovo
スプリットコンプリメンタリー +150° +210°
- AFC08F
Nile
- A9B6E5
≈ Perano
- D4A8CB
≈ Berry Popsicle
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.95:1 · APCA Lc 38
Ag
AAA黒の上
WCAG 10.75:1 · APCA Lc 65
最適な文字色: #000000
WCAG 10.75:1 (AAA) · APCA Lc 65
Contrast pairs
コードスニペット
CSS
:root {
--nile: #afc08f;
--nile-rgb: 175 192 143;
--nile-oklch: oklch(0.782 0.069 123.5);
}
.element {
color: var(--nile);
background-color: hsl(81 28% 66%);
border-color: oklch(0.782 0.069 123.5);
}Tailwind CSS v4
@theme {
--color-nile: #afc08f;
--color-nile-50: #f0f9e4;
--color-nile-100: #e2ecd4;
--color-nile-200: #cddaba;
--color-nile-300: #afbe98;
--color-nile-400: #96a678;
--color-nile-500: #7d8e5a;
--color-nile-600: #6a784d;
--color-nile-700: #54603d;
--color-nile-800: #3e462b;
--color-nile-900: #2b311d;
--color-nile-950: #181d0d;
}SCSS
$nile: #afc08f;
$nile-rgb: 175, 192, 143;
$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);
}