이름 색상 · #556611
Forestial Outpost
Forestial Outpost은(는) #556611: rgb(85 102 17), hsl(72 71% 23%), oklch(0.48 0.107 120.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Forestial Outpost color name →
#556611
oklch(0.48 0.107 120.9)
색상 변환
- HEX
- #556611
- RGB
- rgb(85 102 17)
- HSL
- hsl(72 71% 23%)
- HWB
- hwb(72 7% 60%)
- OKLCH
- oklch(0.48 0.107 120.9)
- OKLab
- oklab(0.48 -0.055 0.092)
- CIE Lab
- lab(40.54 -15.58 41.43)
- LCH
- lch(40.54 44.26 110.6)
- CMYK
- cmyk(17% 0% 83% 60%)
틴트 · 셰이드 · 톤
틴트
- 64752F
- 748347
- 84925E
- 95A174
- A5B08B
- B7C0A1
- C8CFB8
- DADFD0
- ECEFE7
셰이드
- 49580D
- 3D4A09
- 313C06
- 262F04
- 1C2302
- 111701
- 080C00
- 020400
- 000000
톤
- 596923
- 5D6C30
- 616E3C
- 667146
- 6A7450
- 6E765A
- 737964
- 777B6D
- 7B7E77
색 조화
보색 +180°
- 556611
Forestial Outpost
- 684D90
≈ Grapes of Italy
유사색 -30° +30°
- 556611
Forestial Outpost
- 725A00
≈ Hot Mustard
- 256E3D
≈ Billiard Ball
삼각 배색 +120° +240°
- 556611
Forestial Outpost
- 0C6494
≈ Craving Cobalt
- 8D415A
≈ Umemurasaki Purple
분열 보색 +150° +210°
- 556611
Forestial Outpost
- 47589A
≈ Nuthatch Back
- 7F4579
≈ Magic Magenta
사각 배색 +90° +180° +270°
- 556611
Forestial Outpost
- 006A78
≈ Mary Blue
- 684D90
≈ Grapes of Italy
- 904337
≈ Flower Pot
대비 및 접근성
Ag
AA흰색 위
WCAG 6.37:1 · APCA Lc 82
Ag
Fail검은색 위
WCAG 3.29:1 · APCA Lc 20
가장 좋은 글자색: #FFFFFF
WCAG 6.37:1 (AA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--forestial-outpost: #556611;
--forestial-outpost-rgb: 85 102 17;
--forestial-outpost-oklch: oklch(0.48 0.107 120.9);
}
.element {
color: var(--forestial-outpost);
background-color: hsl(72 71% 23%);
border-color: oklch(0.48 0.107 120.9);
}Tailwind CSS v4
@theme {
--color-forestial-outpost: #556611;
--color-forestial-outpost-50: #effbd9;
--color-forestial-outpost-100: #e1eec7;
--color-forestial-outpost-200: #cbdcaa;
--color-forestial-outpost-300: #adc183;
--color-forestial-outpost-400: #95a85e;
--color-forestial-outpost-500: #7c9137;
--color-forestial-outpost-600: #697a30;
--color-forestial-outpost-700: #546226;
--color-forestial-outpost-800: #3e4718;
--color-forestial-outpost-900: #2b3110;
--color-forestial-outpost-950: #181d03;
}SCSS
$forestial-outpost: #556611;
$forestial-outpost-rgb: 85, 102, 17;
$forestial-outpost-light: mix(#fff, $forestial-outpost, 20%);
$forestial-outpost-dark: mix(#000, $forestial-outpost, 20%);
.element {
color: $forestial-outpost;
box-shadow: 0 0 0 2px rgba($forestial-outpost, 0.35);
}