이름 색상 · #177B4D
Salem
Salem은(는) #177B4D: rgb(23 123 77), hsl(152 68% 29%), oklch(0.517 0.114 157.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Salem color name →
#177B4D
oklch(0.517 0.114 157.4)
색상 변환
- HEX
- #177b4d
- RGB
- rgb(23 123 77)
- HSL
- hsl(152 68% 29%)
- HWB
- hwb(152 9% 52%)
- OKLCH
- oklch(0.517 0.114 157.4)
- OKLab
- oklab(0.517 -0.105 0.044)
- CIE Lab
- lab(45.41 -37.38 17.04)
- LCH
- lch(45.41 41.08 155.5)
- CMYK
- cmyk(81% 0% 37% 52%)
틴트 · 셰이드 · 톤
틴트
- 38885E
- 51956E
- 68A27F
- 7EAF91
- 93BCA2
- A8C9B4
- BED7C7
- D3E4D9
- E9F1EC
셰이드
- 126A42
- 0E5A37
- 0A4A2C
- 063A22
- 042C18
- 021E0F
- 011007
- 000502
- 000100
톤
- 2B7C52
- 387D57
- 447D5D
- 4E7E62
- 577E67
- 607F6C
- 697F71
- 718076
- 78807B
색 조화
보색 +180°
- 177B4D
Salem
- 914C7F
≈ Verve Violet
유사색 -30° +30°
삼각 배색 +120° +240°
- 177B4D
Salem
- 5960A8
≈ Submarine Base
- 9E4D35
≈ Redridge Brown
분열 보색 +150° +210°
- 177B4D
Salem
- 7A549A
≈ Juneberry
- 9D485C
≈ Baby Berries
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 5.28:1 · APCA Lc 76
Ag
Fail검은색 위
WCAG 3.97:1 · APCA Lc 26
가장 좋은 글자색: #FFFFFF
WCAG 5.28:1 (AA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--salem: #177b4d;
--salem-rgb: 23 123 77;
--salem-oklch: oklch(0.517 0.114 157.4);
}
.element {
color: var(--salem);
background-color: hsl(152 68% 29%);
border-color: oklch(0.517 0.114 157.4);
}Tailwind CSS v4
@theme {
--color-salem: #177b4d;
--color-salem-50: #daffea;
--color-salem-100: #c8f4da;
--color-salem-200: #aae4c3;
--color-salem-300: #82caa3;
--color-salem-400: #5fb384;
--color-salem-500: #339c67;
--color-salem-600: #2d8458;
--color-salem-700: #246a46;
--color-salem-800: #1b4e31;
--color-salem-900: #113621;
--color-salem-950: #032110;
}SCSS
$salem: #177b4d;
$salem-rgb: 23, 123, 77;
$salem-light: mix(#fff, $salem, 20%);
$salem-dark: mix(#000, $salem, 20%);
.element {
color: $salem;
box-shadow: 0 0 0 2px rgba($salem, 0.35);
}