가장 가까운 이름 색상 · #51331D
#51331D
가장 가까운 이름 색상: Peat Brown
#51331D(rgb(81 51 29), hsl(25 47% 22%), oklch(0.352 0.055 56))와 가장 가까운 이름 색상은 Peat Brown입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#51331D
oklch(0.352 0.055 56)
색상 변환
- HEX
- #51331d
- RGB
- rgb(81 51 29)
- HSL
- hsl(25 47% 22%)
- HWB
- hwb(25 11% 68%)
- OKLCH
- oklch(0.352 0.055 56)
- OKLab
- oklab(0.352 0.031 0.046)
- CIE Lab
- lab(24.57 12.05 19.64)
- LCH
- lch(24.57 23.04 58.5)
- CMYK
- cmyk(0% 37% 64% 68%)
틴트 · 셰이드 · 톤
틴트
- 614531
- 725846
- 836B5B
- 947F71
- A59387
- B7A89E
- C8BDB5
- DAD3CD
- EDE9E6
셰이드
- 452B18
- 3A2313
- 2F1C0E
- 241409
- 1A0D05
- 100703
- 070301
- 020100
- 000000
톤
- 563A27
- 5B4231
- 60493A
- 645144
- 69594E
- 6E6058
- 726861
- 77706C
- 7B7876
색 조화
보색 +180°
- 51331D
Peat Brown
- 1B3F54
≈ Capital Blue
유사색 -30° +30°
- 51331D
Peat Brown
- 542F2C
≈ Bratwurst
- 483915
≈ Lisbon Brown
삼각 배색 +120° +240°
- 51331D
Peat Brown
- 13443A
≈ MSU Green
- 3E3555
≈ Naggaroth Night
분열 보색 +150° +210°
- 51331D
Peat Brown
- 0B4349
≈ Rapture
- 2D3A58
≈ Mediaeval Blue
사각 배색 +90° +180° +270°
- 51331D
Peat Brown
- 274329
≈ Zucchini
- 1B3F54
≈ Capital Blue
- 4A314A
≈ Loulou
대비 및 접근성
Ag
AAA흰색 위
WCAG 11.40:1 · APCA Lc 96
Ag
Fail검은색 위
WCAG 1.84:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 11.40:1 (AAA) · APCA Lc 96
Contrast pairs
코드 스니펫
CSS
:root {
--peat-brown: #51331d;
--peat-brown-rgb: 81 51 29;
--peat-brown-oklch: oklch(0.352 0.055 56);
}
.element {
color: var(--peat-brown);
background-color: hsl(25 47% 22%);
border-color: oklch(0.352 0.055 56);
}Tailwind CSS v4
@theme {
--color-peat-brown: #51331d;
--color-peat-brown-50: #fff2e6;
--color-peat-brown-100: #f7e4d6;
--color-peat-brown-200: #e7cfbe;
--color-peat-brown-300: #ceb19c;
--color-peat-brown-400: #b9977f;
--color-peat-brown-500: #a37d63;
--color-peat-brown-600: #8a6a54;
--color-peat-brown-700: #6f5543;
--color-peat-brown-800: #523d30;
--color-peat-brown-900: #392a21;
--color-peat-brown-950: #231810;
}SCSS
$peat-brown: #51331d;
$peat-brown-rgb: 81, 51, 29;
$peat-brown-light: mix(#fff, $peat-brown, 20%);
$peat-brown-dark: mix(#000, $peat-brown, 20%);
.element {
color: $peat-brown;
box-shadow: 0 0 0 2px rgba($peat-brown, 0.35);
}