이름 색상 · #AF9479
Nomadic
Nomadic은(는) #AF9479: rgb(175 148 121), hsl(30 25% 58%), oklch(0.684 0.05 66.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Nomadic color name →
#AF9479
oklch(0.684 0.05 66.8)
색상 변환
- HEX
- #af9479
- RGB
- rgb(175 148 121)
- HSL
- hsl(30 25% 58%)
- HWB
- hwb(30 47% 31%)
- OKLCH
- oklch(0.684 0.05 66.8)
- OKLab
- oklab(0.684 0.02 0.046)
- CIE Lab
- lab(63.28 7.42 18.28)
- LCH
- lch(63.28 19.73 67.9)
- CMYK
- cmyk(0% 15% 31% 31%)
틴트 · 셰이드 · 톤
틴트
- B79E86
- BFA993
- C7B3A0
- CFBEAD
- D7C8BA
- DFD3C8
- E7DED6
- EFE9E3
- F7F4F1
셰이드
- 988068
- 816D58
- 6B5A48
- 564839
- 41362B
- 2E261D
- 1C1610
- 0B0805
- 010101
톤
- AA927A
- A6907B
- A18E7C
- 9C8C7C
- 978A7D
- 93887E
- 8E867E
- 89847F
- 85827F
색 조화
보색 +180°
- AF9479
Nomadic
- 819DB7
≈ Office Blue
유사색 -30° +30°
- AF9479
Nomadic
- B68F84
≈ Ponder
- A29A77
≈ Tallow
삼각 배색 +120° +240°
- AF9479
Nomadic
- 76A49E
≈ Catalina
- A192B2
≈ Compliment
분열 보색 +150° +210°
- AF9479
Nomadic
- 76A2AE
≈ Seascape
- 9197B9
≈ Lively Lilac
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.86:1 · APCA Lc 55
Ag
AAA검은색 위
WCAG 7.33:1 · APCA Lc 47
가장 좋은 글자색: #000000
WCAG 7.33:1 (AAA) · APCA Lc 47
Contrast pairs
코드 스니펫
CSS
:root {
--nomadic: #af9479;
--nomadic-rgb: 175 148 121;
--nomadic-oklch: oklch(0.684 0.05 66.8);
}
.element {
color: var(--nomadic);
background-color: hsl(30 25% 58%);
border-color: oklch(0.684 0.05 66.8);
}Tailwind CSS v4
@theme {
--color-nomadic: #af9479;
--color-nomadic-50: #fff3e6;
--color-nomadic-100: #f3e5d7;
--color-nomadic-200: #e3d1be;
--color-nomadic-300: #c9b39d;
--color-nomadic-400: #b3997f;
--color-nomadic-500: #9d8063;
--color-nomadic-600: #856c54;
--color-nomadic-700: #6a5743;
--color-nomadic-800: #4f3f30;
--color-nomadic-900: #372b21;
--color-nomadic-950: #221910;
}SCSS
$nomadic: #af9479;
$nomadic-rgb: 175, 148, 121;
$nomadic-light: mix(#fff, $nomadic, 20%);
$nomadic-dark: mix(#000, $nomadic, 20%);
.element {
color: $nomadic;
box-shadow: 0 0 0 2px rgba($nomadic, 0.35);
}