이름 색상 · #83826D
Olive Paste
Olive Paste은(는) #83826D: rgb(131 130 109), hsl(57 9% 47%), oklch(0.601 0.031 105). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Olive Paste color name →
#83826D
oklch(0.601 0.031 105)
색상 변환
- HEX
- #83826d
- RGB
- rgb(131 130 109)
- HSL
- hsl(57 9% 47%)
- HWB
- hwb(57 43% 49%)
- OKLCH
- oklch(0.601 0.031 105)
- OKLab
- oklab(0.601 -0.008 0.03)
- CIE Lab
- lab(54.01 -2.45 11.57)
- LCH
- lch(54.01 11.83 102)
- CMYK
- cmyk(0% 1% 17% 49%)
틴트 · 셰이드 · 톤
틴트
- 8F8E7B
- 9B9A89
- A7A697
- B3B2A5
- BFBFB4
- CCCBC2
- D8D8D1
- E5E5E0
- F2F2F0
셰이드
- 71705E
- 605F4F
- 4F4E41
- 3F3E33
- 2F2F26
- 202019
- 12120D
- 060604
- 010101
톤
- 83826F
- 828271
- 828173
- 828175
- 818177
- 818179
- 81817A
- 81807C
- 80807E
색 조화
보색 +180°
- 83826D
Olive Paste
- 7E7E93
≈ Majestic Mount
유사색 -30° +30°
- 83826D
Olive Paste
- 8C7E6D
≈ Teakwood
- 798573
≈ Privilege Green
삼각 배색 +120° +240°
- 83826D
Olive Paste
- 6E858F
≈ Blustery Sky
- 8F7A85
≈ Iced Orchid
분열 보색 +150° +210°
- 83826D
Olive Paste
- 758293
≈ Tranquil Pond
- 887B8E
≈ Classical Violet
사각 배색 +90° +180° +270°
- 83826D
Olive Paste
- 6C8786
≈ Classic Calm
- 7E7E93
≈ Majestic Mount
- 927A7B
≈ Chocolaty
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.90:1 · APCA Lc 66
Ag
AA검은색 위
WCAG 5.37:1 · APCA Lc 35
가장 좋은 글자색: #000000
WCAG 5.37:1 (AA) · APCA Lc 35
Contrast pairs
코드 스니펫
CSS
:root {
--olive-paste: #83826d;
--olive-paste-rgb: 131 130 109;
--olive-paste-oklch: oklch(0.601 0.031 105);
}
.element {
color: var(--olive-paste);
background-color: hsl(57 9% 47%);
border-color: oklch(0.601 0.031 105);
}Tailwind CSS v4
@theme {
--color-olive-paste: #83826d;
--color-olive-paste-50: #f6f6ec;
--color-olive-paste-100: #e9e9dd;
--color-olive-paste-200: #d5d5c7;
--color-olive-paste-300: #b9b9a7;
--color-olive-paste-400: #a1a08b;
--color-olive-paste-500: #898870;
--color-olive-paste-600: #74735f;
--color-olive-paste-700: #5d5c4c;
--color-olive-paste-800: #444337;
--color-olive-paste-900: #2f2e25;
--color-olive-paste-950: #1c1b14;
}SCSS
$olive-paste: #83826d;
$olive-paste-rgb: 131, 130, 109;
$olive-paste-light: mix(#fff, $olive-paste, 20%);
$olive-paste-dark: mix(#000, $olive-paste, 20%);
.element {
color: $olive-paste;
box-shadow: 0 0 0 2px rgba($olive-paste, 0.35);
}