이름 색상 · #91916D
Extra Mile
Extra Mile은(는) #91916D: rgb(145 145 109), hsl(60 14% 50%), oklch(0.647 0.051 107.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Extra Mile color name →
#91916D
oklch(0.647 0.051 107.7)
색상 변환
- HEX
- #91916d
- RGB
- rgb(145 145 109)
- HSL
- hsl(60 14% 50%)
- HWB
- hwb(60 43% 43%)
- OKLCH
- oklch(0.647 0.051 107.7)
- OKLab
- oklab(0.647 -0.016 0.048)
- CIE Lab
- lab(59.46 -4.56 19.21)
- LCH
- lch(59.46 19.74 103.4)
- CMYK
- cmyk(0% 0% 25% 43%)
틴트 · 셰이드 · 톤
틴트
- 9B9C7B
- A6A689
- B1B197
- BBBCA6
- C6C7B4
- D2D2C3
- DDDDD2
- E8E8E1
- F3F4F0
셰이드
- 7D7D5E
- 6A6A4F
- 585841
- 464633
- 353526
- 252519
- 15150D
- 070704
- 010101
톤
- 8F8F6F
- 8E8E71
- 8C8C73
- 8A8A75
- 888977
- 878779
- 85857B
- 83837D
- 82827E
색 조화
보색 +180°
- 91916D
Extra Mile
- 8C8AAC
≈ Larkspur Violet
유사색 -30° +30°
- 91916D
Extra Mile
- A08B6B
≈ Sierra Foothills
- 809678
≈ Eat Your Peas
삼각 배색 +120° +240°
- 91916D
Extra Mile
- 6E95A7
≈ Architecture Blue
- A78294
≈ Mohair Pink
분열 보색 +150° +210°
- 91916D
Extra Mile
- 7B90AE
≈ Identity
- 9C85A3
≈ Wonder Violet
사각 배색 +90° +180° +270°
- 91916D
Extra Mile
- 699899
≈ Woad Indigo
- 8C8AAC
≈ Larkspur Violet
- AB8283
≈ Jupiter Brown
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.24:1 · APCA Lc 60
Ag
AA검은색 위
WCAG 6.47:1 · APCA Lc 42
가장 좋은 글자색: #000000
WCAG 6.47:1 (AA) · APCA Lc 42
Contrast pairs
코드 스니펫
CSS
:root {
--extra-mile: #91916d;
--extra-mile-rgb: 145 145 109;
--extra-mile-oklch: oklch(0.647 0.051 107.7);
}
.element {
color: var(--extra-mile);
background-color: hsl(60 14% 50%);
border-color: oklch(0.647 0.051 107.7);
}Tailwind CSS v4
@theme {
--color-extra-mile: #91916d;
--color-extra-mile-50: #f6f7e6;
--color-extra-mile-100: #e8ead7;
--color-extra-mile-200: #d5d7be;
--color-extra-mile-300: #b9ba9c;
--color-extra-mile-400: #a1a17e;
--color-extra-mile-500: #898962;
--color-extra-mile-600: #747453;
--color-extra-mile-700: #5d5d42;
--color-extra-mile-800: #45442f;
--color-extra-mile-900: #2f2f20;
--color-extra-mile-950: #1c1b0f;
}SCSS
$extra-mile: #91916d;
$extra-mile-rgb: 145, 145, 109;
$extra-mile-light: mix(#fff, $extra-mile, 20%);
$extra-mile-dark: mix(#000, $extra-mile, 20%);
.element {
color: $extra-mile;
box-shadow: 0 0 0 2px rgba($extra-mile, 0.35);
}