이름 색상 · #544333
Old Treasure Chest
Old Treasure Chest은(는) #544333: rgb(84 67 51), hsl(29 24% 26%), oklch(0.396 0.035 64.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Old Treasure Chest color name →
#544333
oklch(0.396 0.035 64.8)
색상 변환
- HEX
- #544333
- RGB
- rgb(84 67 51)
- HSL
- hsl(29 24% 26%)
- HWB
- hwb(29 20% 67%)
- OKLCH
- oklch(0.396 0.035 64.8)
- OKLab
- oklab(0.396 0.015 0.031)
- CIE Lab
- lab(29.9 5.64 12.65)
- LCH
- lch(29.9 13.85 66)
- CMYK
- cmyk(0% 20% 39% 67%)
틴트 · 셰이드 · 톤
틴트
- 645445
- 746558
- 84776B
- 95897F
- A69C93
- B7AFA8
- C9C2BD
- DAD6D3
- EDEAE9
셰이드
- 48392B
- 3C2F23
- 31261C
- 261D14
- 1B140D
- 110C07
- 080503
- 020101
- 000000
톤
- 58493A
- 5D4F42
- 615549
- 665B51
- 6A6159
- 6E6760
- 736D68
- 777370
- 7C7A78
색 조화
보색 +180°
- 544333
Old Treasure Chest
- 374958
≈ Odyssey
유사색 -30° +30°
- 544333
Old Treasure Chest
- 58403A
≈ Cabin Plank
- 4C4731
≈ Tinny Tin
삼각 배색 +120° +240°
- 544333
Old Treasure Chest
- 314D49
≈ Silk Crepe Grey
- 4B4256
≈ Sovereign
분열 보색 +150° +210°
- 544333
Old Treasure Chest
- 304C52
≈ Pallasite Blue
- 41455A
≈ Bella Sera
사각 배색 +90° +180° +270°
- 544333
Old Treasure Chest
- 384C3E
≈ Mountain View
- 374958
≈ Odyssey
- 53404E
≈ Purple Taupe
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.42:1 · APCA Lc 92
Ag
Fail검은색 위
WCAG 2.22:1 · APCA Lc 11
가장 좋은 글자색: #FFFFFF
WCAG 9.42:1 (AAA) · APCA Lc 92
Contrast pairs
코드 스니펫
CSS
:root {
--old-treasure-chest: #544333;
--old-treasure-chest-rgb: 84 67 51;
--old-treasure-chest-oklch: oklch(0.396 0.035 64.8);
}
.element {
color: var(--old-treasure-chest);
background-color: hsl(29 24% 26%);
border-color: oklch(0.396 0.035 64.8);
}Tailwind CSS v4
@theme {
--color-old-treasure-chest: #544333;
--color-old-treasure-chest-50: #fcf3eb;
--color-old-treasure-chest-100: #f0e6dc;
--color-old-treasure-chest-200: #dfd2c5;
--color-old-treasure-chest-300: #c4b4a5;
--color-old-treasure-chest-400: #ad9b89;
--color-old-treasure-chest-500: #97826e;
--color-old-treasure-chest-600: #806e5e;
--color-old-treasure-chest-700: #66584b;
--color-old-treasure-chest-800: #4b4036;
--color-old-treasure-chest-900: #342c25;
--color-old-treasure-chest-950: #201914;
}SCSS
$old-treasure-chest: #544333;
$old-treasure-chest-rgb: 84, 67, 51;
$old-treasure-chest-light: mix(#fff, $old-treasure-chest, 20%);
$old-treasure-chest-dark: mix(#000, $old-treasure-chest, 20%);
.element {
color: $old-treasure-chest;
box-shadow: 0 0 0 2px rgba($old-treasure-chest, 0.35);
}