가장 가까운 이름 색상 · #53675D
#53675D
가장 가까운 이름 색상: Dark Forest
#53675D(rgb(83 103 93), hsl(150 11% 36%), oklch(0.494 0.029 163.5))와 가장 가까운 이름 색상은 Dark Forest입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#53675D
oklch(0.494 0.029 163.5)
색상 변환
- HEX
- #53675d
- RGB
- rgb(83 103 93)
- HSL
- hsl(150 11% 36%)
- HWB
- hwb(150 33% 60%)
- OKLCH
- oklch(0.494 0.029 163.5)
- OKLab
- oklab(0.494 -0.028 0.008)
- CIE Lab
- lab(41.71 -9.51 3.05)
- LCH
- lch(41.71 9.98 162.2)
- CMYK
- cmyk(19% 0% 10% 60%)
틴트 · 셰이드 · 톤
틴트
- 63756C
- 73837B
- 83928A
- 94A19A
- A5B0AA
- B7BFBB
- C8CFCB
- DADFDC
- EDEFEE
셰이드
- 475950
- 3B4B43
- 303D37
- 25302A
- 1B231F
- 111714
- 080C0A
- 020403
- 000000
톤
- 576960
- 5C6C64
- 606E67
- 65716B
- 69736E
- 6E7672
- 727875
- 777B79
- 7B7D7C
색 조화
보색 +180°
- 53675D
Dark Forest
- 6E5B66
≈ Patina Violet
유사색 -30° +30°
- 53675D
Dark Forest
- 5B6555
≈ Pine Cone Pass
- 4F6766
≈ Angry Ocean
삼각 배색 +120° +240°
- 53675D
Dark Forest
- 5F6072
≈ Damp Basement
- 705D55
≈ Missing Link
분열 보색 +150° +210°
- 53675D
Dark Forest
- 685D6D
≈ Sedona Shadow
- 715B5D
≈ Poetry Plum
사각 배색 +90° +180° +270°
- 53675D
Dark Forest
- 566372
≈ Midnight Shadow
- 6E5B66
≈ Patina Violet
- 6C5F50
≈ Chocolate Chip
대비 및 접근성
Ag
AA흰색 위
WCAG 6.05:1 · APCA Lc 80
Ag
Fail검은색 위
WCAG 3.46:1 · APCA Lc 22
가장 좋은 글자색: #FFFFFF
WCAG 6.05:1 (AA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--dark-forest: #53675d;
--dark-forest-rgb: 83 103 93;
--dark-forest-oklch: oklch(0.494 0.029 163.5);
}
.element {
color: var(--dark-forest);
background-color: hsl(150 11% 36%);
border-color: oklch(0.494 0.029 163.5);
}Tailwind CSS v4
@theme {
--color-dark-forest: #53675d;
--color-dark-forest-50: #eef8f3;
--color-dark-forest-100: #dfebe5;
--color-dark-forest-200: #c9d8d1;
--color-dark-forest-300: #aabcb4;
--color-dark-forest-400: #90a49a;
--color-dark-forest-500: #758d81;
--color-dark-forest-600: #63776d;
--color-dark-forest-700: #4f5f57;
--color-dark-forest-800: #3a463f;
--color-dark-forest-900: #28302b;
--color-dark-forest-950: #161c19;
}SCSS
$dark-forest: #53675d;
$dark-forest-rgb: 83, 103, 93;
$dark-forest-light: mix(#fff, $dark-forest, 20%);
$dark-forest-dark: mix(#000, $dark-forest, 20%);
.element {
color: $dark-forest;
box-shadow: 0 0 0 2px rgba($dark-forest, 0.35);
}