이름 색상 · #5A3D29
Peat Brown
Peat Brown은(는) #5A3D29: rgb(90 61 41), hsl(24 37% 26%), oklch(0.388 0.052 55.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Peat Brown color name →
#5A3D29
oklch(0.388 0.052 55.2)
색상 변환
- HEX
- #5a3d29
- RGB
- rgb(90 61 41)
- HSL
- hsl(24 37% 26%)
- HWB
- hwb(24 16% 65%)
- OKLCH
- oklch(0.388 0.052 55.2)
- OKLab
- oklab(0.388 0.029 0.042)
- CIE Lab
- lab(28.78 11.21 17.66)
- LCH
- lch(28.78 20.91 57.6)
- CMYK
- cmyk(0% 32% 54% 65%)
틴트 · 셰이드 · 톤
틴트
- 6A4E3C
- 796050
- 897364
- 998578
- AA998E
- BAACA3
- CBC1BA
- DCD5D0
- EEEAE7
셰이드
- 4D3422
- 412B1C
- 352215
- 291A0F
- 1E1209
- 130A05
- 090402
- 030101
- 000000
톤
- 5E4432
- 624A3A
- 665143
- 6A574B
- 6E5E54
- 71655C
- 756B65
- 79726E
- 7C7977
색 조화
보색 +180°
- 5A3D29
Peat Brown
- 27495C
≈ Arapawa
유사색 -30° +30°
- 5A3D29
Peat Brown
- 5D3936
≈ Taxite
- 514223
≈ Clove Yellow Brown
삼각 배색 +120° +240°
- 5A3D29
Peat Brown
- 234E43
≈ Blackboard Green
- 463F5D
≈ Mulberry Mauve Black
분열 보색 +150° +210°
- 5A3D29
Peat Brown
- 1D4C52
≈ Hurricane Green Blue
- 374460
≈ Diplomatic
사각 배색 +90° +180° +270°
- 5A3D29
Peat Brown
- 334C33
≈ Nettle Green
- 27495C
≈ Arapawa
- 533B54
≈ Amethyst Dark Violet
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.83:1 · APCA Lc 93
Ag
Fail검은색 위
WCAG 2.13:1 · APCA Lc 10
가장 좋은 글자색: #FFFFFF
WCAG 9.83:1 (AAA) · APCA Lc 93
Contrast pairs
코드 스니펫
CSS
:root {
--peat-brown: #5a3d29;
--peat-brown-rgb: 90 61 41;
--peat-brown-oklch: oklch(0.388 0.052 55.2);
}
.element {
color: var(--peat-brown);
background-color: hsl(24 37% 26%);
border-color: oklch(0.388 0.052 55.2);
}Tailwind CSS v4
@theme {
--color-peat-brown: #5a3d29;
--color-peat-brown-50: #fff2e7;
--color-peat-brown-100: #f6e4d8;
--color-peat-brown-200: #e6cfbf;
--color-peat-brown-300: #cdb19e;
--color-peat-brown-400: #b79782;
--color-peat-brown-500: #a27e65;
--color-peat-brown-600: #896a56;
--color-peat-brown-700: #6d5545;
--color-peat-brown-800: #513e32;
--color-peat-brown-900: #382a22;
--color-peat-brown-950: #231811;
}SCSS
$peat-brown: #5a3d29;
$peat-brown-rgb: 90, 61, 41;
$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);
}