이름 색상 · #71713E
Relentless Olive
Relentless Olive은(는) #71713E: rgb(113 113 62), hsl(60 29% 34%), oklch(0.536 0.072 108.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Relentless Olive color name →
#71713E
oklch(0.536 0.072 108.6)
색상 변환
- HEX
- #71713e
- RGB
- rgb(113 113 62)
- HSL
- hsl(60 29% 34%)
- HWB
- hwb(60 24% 56%)
- OKLCH
- oklch(0.536 0.072 108.6)
- OKLab
- oklab(0.536 -0.023 0.068)
- CIE Lab
- lab(46.72 -5.98 28.17)
- LCH
- lch(46.72 28.8 102)
- CMYK
- cmyk(0% 0% 45% 56%)
틴트 · 셰이드 · 톤
틴트
- 7E7E51
- 8B8C63
- 999A76
- A7A889
- B5B69C
- C3C4AF
- D2D3C3
- E1E1D7
- F0F0EB
셰이드
- 616135
- 52522B
- 434323
- 35351A
- 272712
- 1A1A0A
- 0E0E04
- 040401
- 010100
톤
- 727345
- 74744C
- 757653
- 77775A
- 787961
- 7A7A67
- 7B7C6D
- 7D7D74
- 7E7F7A
색 조화
보색 +180°
- 71713E
Relentless Olive
- 6C6795
≈ Pandora
유사색 -30° +30°
- 71713E
Relentless Olive
- 84693B
≈ Blue Cheese Olive
- 58784F
≈ Torrey Pine
삼각 배색 +120° +240°
- 71713E
Relentless Olive
- 3C768F
≈ English River
- 8D5C74
≈ Grape Nectar
분열 보색 +150° +210°
- 71713E
Relentless Olive
- 546F97
≈ Riverside
- 7F6088
≈ Dusty Purple
사각 배색 +90° +180° +270°
- 71713E
Relentless Olive
- 317A7D
≈ Atoll
- 6C6795
≈ Pandora
- 935C5D
≈ Rose Taupe
대비 및 접근성
Ag
AA흰색 위
WCAG 5.08:1 · APCA Lc 75
Ag
Fail검은색 위
WCAG 4.13:1 · APCA Lc 27
가장 좋은 글자색: #FFFFFF
WCAG 5.08:1 (AA) · APCA Lc 75
Contrast pairs
코드 스니펫
CSS
:root {
--relentless-olive: #71713e;
--relentless-olive-rgb: 113 113 62;
--relentless-olive-oklch: oklch(0.536 0.072 108.6);
}
.element {
color: var(--relentless-olive);
background-color: hsl(60 29% 34%);
border-color: oklch(0.536 0.072 108.6);
}Tailwind CSS v4
@theme {
--color-relentless-olive: #71713e;
--color-relentless-olive-50: #f6f7e0;
--color-relentless-olive-100: #e9ebcf;
--color-relentless-olive-200: #d5d8b5;
--color-relentless-olive-300: #b9bb91;
--color-relentless-olive-400: #a2a270;
--color-relentless-olive-500: #8a8a50;
--color-relentless-olive-600: #757545;
--color-relentless-olive-700: #5d5e37;
--color-relentless-olive-800: #454426;
--color-relentless-olive-900: #302f19;
--color-relentless-olive-950: #1c1c0a;
}SCSS
$relentless-olive: #71713e;
$relentless-olive-rgb: 113, 113, 62;
$relentless-olive-light: mix(#fff, $relentless-olive, 20%);
$relentless-olive-dark: mix(#000, $relentless-olive, 20%);
.element {
color: $relentless-olive;
box-shadow: 0 0 0 2px rgba($relentless-olive, 0.35);
}