이름 색상 · #6D753B
Swamp Shrub
Swamp Shrub은(는) #6D753B: rgb(109 117 59), hsl(68 33% 35%), oklch(0.542 0.081 115.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Swamp Shrub color name →
#6D753B
oklch(0.542 0.081 115.6)
색상 변환
- HEX
- #6d753b
- RGB
- rgb(109 117 59)
- HSL
- hsl(68 33% 35%)
- HWB
- hwb(68 23% 54%)
- OKLCH
- oklch(0.542 0.081 115.6)
- OKLab
- oklab(0.542 -0.035 0.073)
- CIE Lab
- lab(47.52 -10.1 30.63)
- LCH
- lch(47.52 32.26 108.2)
- CMYK
- cmyk(7% 0% 50% 54%)
틴트 · 셰이드 · 톤
틴트
- 7A824E
- 888F61
- 969D74
- A4AA88
- B3B89B
- C2C6AE
- D1D4C2
- E0E2D6
- EFF1EA
셰이드
- 5E6532
- 4F5529
- 414621
- 333719
- 262911
- 191C09
- 0D0F04
- 040501
- 010100
톤
- 6F7643
- 71774B
- 727952
- 747A59
- 767B60
- 787C66
- 7A7D6D
- 7C7E73
- 7E7F7A
색 조화
보색 +180°
- 6D753B
Swamp Shrub
- 73659A
≈ Pandora
유사색 -30° +30°
- 6D753B
Swamp Shrub
- 856C33
≈ Aged Antics
- 4F7C52
≈ Melbourne
삼각 배색 +120° +240°
- 6D753B
Swamp Shrub
- 3B7698
≈ Cottage by the Sea
- 955B71
≈ Glitz and Glamour
분열 보색 +150° +210°
- 6D753B
Swamp Shrub
- 586E9F
≈ Moonshade
- 885E89
≈ Candy Violet
사각 배색 +90° +180° +270°
- 6D753B
Swamp Shrub
- 247D86
≈ Caribe
- 73659A
≈ Pandora
- 995C56
≈ Rhode Island Red
대비 및 접근성
Ag
AA흰색 위
WCAG 4.93:1 · APCA Lc 74
Ag
Fail검은색 위
WCAG 4.25:1 · APCA Lc 28
가장 좋은 글자색: #FFFFFF
WCAG 4.93:1 (AA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--swamp-shrub: #6d753b;
--swamp-shrub-rgb: 109 117 59;
--swamp-shrub-oklch: oklch(0.542 0.081 115.6);
}
.element {
color: var(--swamp-shrub);
background-color: hsl(68 33% 35%);
border-color: oklch(0.542 0.081 115.6);
}Tailwind CSS v4
@theme {
--color-swamp-shrub: #6d753b;
--color-swamp-shrub-50: #f3f9df;
--color-swamp-shrub-100: #e5ecce;
--color-swamp-shrub-200: #d1d9b2;
--color-swamp-shrub-300: #b3bd8e;
--color-swamp-shrub-400: #9ca56c;
--color-swamp-shrub-500: #848d4b;
--color-swamp-shrub-600: #6f7741;
--color-swamp-shrub-700: #595f33;
--color-swamp-shrub-800: #424623;
--color-swamp-shrub-900: #2e3017;
--color-swamp-shrub-950: #1a1c08;
}SCSS
$swamp-shrub: #6d753b;
$swamp-shrub-rgb: 109, 117, 59;
$swamp-shrub-light: mix(#fff, $swamp-shrub, 20%);
$swamp-shrub-dark: mix(#000, $swamp-shrub, 20%);
.element {
color: $swamp-shrub;
box-shadow: 0 0 0 2px rgba($swamp-shrub, 0.35);
}