이름 색상 · #875942
Hope Chest
Hope Chest은(는) #875942: rgb(135 89 66), hsl(20 34% 39%), oklch(0.509 0.07 47.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Hope Chest color name →
#875942
oklch(0.509 0.07 47.2)
색상 변환
- HEX
- #875942
- RGB
- rgb(135 89 66)
- HSL
- hsl(20 34% 39%)
- HWB
- hwb(20 26% 47%)
- OKLCH
- oklch(0.509 0.07 47.2)
- OKLab
- oklab(0.509 0.048 0.052)
- CIE Lab
- lab(42.59 17.52 21.43)
- LCH
- lch(42.59 27.68 50.7)
- CMYK
- cmyk(0% 34% 51% 47%)
틴트 · 셰이드 · 톤
틴트
- 936954
- 9F7865
- AB8877
- B7998A
- C3A99D
- CFBAB0
- DBCBC3
- E7DCD7
- F3EDEB
셰이드
- 754C38
- 63402F
- 513425
- 41281C
- 311D14
- 21130B
- 130905
- 060301
- 010000
톤
- 875D48
- 86614F
- 866555
- 85695B
- 856D61
- 847168
- 83756E
- 827874
- 817C7A
색 조화
보색 +180°
- 875942
Hope Chest
- 346E85
≈ Tlāloc Blue
유사색 -30° +30°
- 875942
Hope Chest
- 895557
≈ Conifer Cone
- 7C6035
≈ Autumn Gold
삼각 배색 +120° +240°
- 875942
Hope Chest
- 39735D
≈ Nordic Forest
- 635F8C
≈ Majestic Purple
분열 보색 +150° +210°
- 875942
Hope Chest
- 2A7274
≈ Whaling Waters
- 4C678E
≈ Snake River
사각 배색 +90° +180° +270°
- 875942
Hope Chest
- 526F47
≈ Asparagus Sprig
- 346E85
≈ Tlāloc Blue
- 765980
≈ Dr Who
대비 및 접근성
Ag
AA흰색 위
WCAG 5.93:1 · APCA Lc 80
Ag
Fail검은색 위
WCAG 3.53:1 · APCA Lc 22
가장 좋은 글자색: #FFFFFF
WCAG 5.93:1 (AA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--hope-chest: #875942;
--hope-chest-rgb: 135 89 66;
--hope-chest-oklch: oklch(0.509 0.07 47.2);
}
.element {
color: var(--hope-chest);
background-color: hsl(20 34% 39%);
border-color: oklch(0.509 0.07 47.2);
}Tailwind CSS v4
@theme {
--color-hope-chest: #875942;
--color-hope-chest-50: #fff0e4;
--color-hope-chest-100: #fde2d4;
--color-hope-chest-200: #eeccba;
--color-hope-chest-300: #d6ad98;
--color-hope-chest-400: #c2927b;
--color-hope-chest-500: #ad785d;
--color-hope-chest-600: #92664f;
--color-hope-chest-700: #75513f;
--color-hope-chest-800: #573b2e;
--color-hope-chest-900: #3d281f;
--color-hope-chest-950: #26160f;
}SCSS
$hope-chest: #875942;
$hope-chest-rgb: 135, 89, 66;
$hope-chest-light: mix(#fff, $hope-chest, 20%);
$hope-chest-dark: mix(#000, $hope-chest, 20%);
.element {
color: $hope-chest;
box-shadow: 0 0 0 2px rgba($hope-chest, 0.35);
}