가장 가까운 이름 색상 · #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);
}