이름 색상 · #AF9C76
Expedition
Expedition은(는) #AF9C76: rgb(175 156 118), hsl(40 26% 57%), oklch(0.7 0.057 84.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Expedition color name →
#AF9C76
oklch(0.7 0.057 84.4)
색상 변환
- HEX
- #af9c76
- RGB
- rgb(175 156 118)
- HSL
- hsl(40 26% 57%)
- HWB
- hwb(40 46% 31%)
- OKLCH
- oklch(0.7 0.057 84.4)
- OKLab
- oklab(0.7 0.006 0.057)
- CIE Lab
- lab(65.33 2.97 22.66)
- LCH
- lch(65.33 22.85 82.5)
- CMYK
- cmyk(0% 11% 33% 31%)
틴트 · 셰이드 · 톤
틴트
- B7A683
- BFAF91
- C7B99E
- CEC3AC
- D6CDB9
- DED7C7
- E7E1D5
- EFEBE3
- F7F5F1
셰이드
- 988766
- 817356
- 6B5F47
- 564C38
- 413929
- 2E281C
- 1C180F
- 0B0905
- 010101
톤
- AA9977
- A59679
- A1947A
- 9C917B
- 978E7C
- 938B7D
- 8E887E
- 89867F
- 85837F
색 조화
보색 +180°
- AF9C76
Expedition
- 8D9FC3
≈ Lavender Lustre
유사색 -30° +30°
- AF9C76
Expedition
- BB957D
≈ Cool Clay
- 9DA37A
≈ Dill Grass
삼각 배색 +120° +240°
- AF9C76
Expedition
- 74A9AF
≈ Water Cooler
- B193B2
≈ Metal Petal
분열 보색 +150° +210°
- AF9C76
Expedition
- 7CA5BD
≈ Stormfang
- A098BF
≈ Grape Gatsby
사각 배색 +90° +180° +270°
- AF9C76
Expedition
- 79AA9C
≈ Catnip
- 8D9FC3
≈ Lavender Lustre
- BC90A0
≈ Light Mauve
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.67:1 · APCA Lc 52
Ag
AAA검은색 위
WCAG 7.83:1 · APCA Lc 50
가장 좋은 글자색: #000000
WCAG 7.83:1 (AAA) · APCA Lc 50
Contrast pairs
코드 스니펫
CSS
:root {
--expedition: #af9c76;
--expedition-rgb: 175 156 118;
--expedition-oklch: oklch(0.7 0.057 84.4);
}
.element {
color: var(--expedition);
background-color: hsl(40 26% 57%);
border-color: oklch(0.7 0.057 84.4);
}Tailwind CSS v4
@theme {
--color-expedition: #af9c76;
--color-expedition-50: #fcf4e3;
--color-expedition-100: #f0e7d3;
--color-expedition-200: #dfd3b9;
--color-expedition-300: #c4b697;
--color-expedition-400: #ae9c78;
--color-expedition-500: #98835a;
--color-expedition-600: #806f4d;
--color-expedition-700: #67593d;
--color-expedition-800: #4c412b;
--color-expedition-900: #352d1d;
--color-expedition-950: #201a0d;
}SCSS
$expedition: #af9c76;
$expedition-rgb: 175, 156, 118;
$expedition-light: mix(#fff, $expedition, 20%);
$expedition-dark: mix(#000, $expedition, 20%);
.element {
color: $expedition;
box-shadow: 0 0 0 2px rgba($expedition, 0.35);
}