이름 색상 · #8A8C66
Yogi
Yogi은(는) #8A8C66: rgb(138 140 102), hsl(63 16% 47%), oklch(0.628 0.054 110.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Yogi color name →
#8A8C66
oklch(0.628 0.054 110.4)
색상 변환
- HEX
- #8a8c66
- RGB
- rgb(138 140 102)
- HSL
- hsl(63 16% 47%)
- HWB
- hwb(63 40% 45%)
- OKLCH
- oklch(0.628 0.054 110.4)
- OKLab
- oklab(0.628 -0.019 0.051)
- CIE Lab
- lab(57.33 -5.61 20.13)
- LCH
- lch(57.33 20.9 105.6)
- CMYK
- cmyk(1% 0% 27% 45%)
틴트 · 셰이드 · 톤
틴트
- 959775
- A0A283
- ACAD92
- B7B9A1
- C3C4B0
- CED0C0
- DADBCF
- E6E7DF
- F3F3EF
셰이드
- 777958
- 65674A
- 53553C
- 42432F
- 323323
- 222317
- 14140C
- 070704
- 010100
톤
- 898B69
- 888A6C
- 87896E
- 868771
- 858674
- 848576
- 838479
- 82827B
- 81817E
색 조화
보색 +180°
- 8A8C66
Yogi
- 8883A8
≈ Purple Hills
유사색 -30° +30°
삼각 배색 +120° +240°
- 8A8C66
Yogi
- 678FA3
≈ Saltbox Blue
- A37C8D
≈ Dusky Orchid
분열 보색 +150° +210°
- 8A8C66
Yogi
- 768AAA
≈ Ship Cove
- 987E9D
≈ Wildflower
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.48:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 6.02:1 · APCA Lc 39
가장 좋은 글자색: #000000
WCAG 6.02:1 (AA) · APCA Lc 39
Contrast pairs
코드 스니펫
CSS
:root {
--yogi: #8a8c66;
--yogi-rgb: 138 140 102;
--yogi-oklch: oklch(0.628 0.054 110.4);
}
.element {
color: var(--yogi);
background-color: hsl(63 16% 47%);
border-color: oklch(0.628 0.054 110.4);
}Tailwind CSS v4
@theme {
--color-yogi: #8a8c66;
--color-yogi-50: #f5f7e6;
--color-yogi-100: #e8ead6;
--color-yogi-200: #d4d7bd;
--color-yogi-300: #b7bb9b;
--color-yogi-400: #a0a27d;
--color-yogi-500: #888a60;
--color-yogi-600: #737551;
--color-yogi-700: #5c5d41;
--color-yogi-800: #44442e;
--color-yogi-900: #2f2f1f;
--color-yogi-950: #1b1b0f;
}SCSS
$yogi: #8a8c66;
$yogi-rgb: 138, 140, 102;
$yogi-light: mix(#fff, $yogi, 20%);
$yogi-dark: mix(#000, $yogi, 20%);
.element {
color: $yogi;
box-shadow: 0 0 0 2px rgba($yogi, 0.35);
}