이름 색상 · #45362B
Dark Rum
Dark Rum은(는) #45362B: rgb(69 54 43), hsl(25 23% 22%), oklch(0.346 0.028 57.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Dark Rum color name →
#45362B
oklch(0.346 0.028 57.9)
색상 변환
- HEX
- #45362b
- RGB
- rgb(69 54 43)
- HSL
- hsl(25 23% 22%)
- HWB
- hwb(25 17% 73%)
- OKLCH
- oklch(0.346 0.028 57.9)
- OKLab
- oklab(0.346 0.015 0.024)
- CIE Lab
- lab(24.05 5.53 9.61)
- LCH
- lch(24.05 11.08 60.1)
- CMYK
- cmyk(0% 22% 38% 73%)
틴트 · 셰이드 · 톤
틴트
- 56483D
- 675A50
- 796D64
- 8B8079
- 9D948E
- B0A9A3
- C3BEBA
- D7D3D0
- EBE9E7
셰이드
- 3B2E24
- 31251D
- 271E16
- 1E1610
- 150F0A
- 0C0805
- 050302
- 020101
- 000000
톤
- 4B3D33
- 51443B
- 564B43
- 5C524C
- 625A54
- 68615D
- 6E6965
- 74706E
- 7A7877
색 조화
보색 +180°
- 45362B
Dark Rum
- 2C3C47
≈ Pitch Cobalt
유사색 -30° +30°
- 45362B
Dark Rum
- 473431
≈ Pawn Broker
- 403929
≈ Magic Metal
삼각 배색 +120° +240°
- 45362B
Dark Rum
- 293E39
≈ Pine Grove
- 3B3647
≈ Martinique
분열 보색 +150° +210°
- 45362B
Dark Rum
- 283E41
≈ Sunken Cascades
- 333949
≈ Dark Spell
사각 배색 +90° +180° +270°
- 45362B
Dark Rum
- 303E31
≈ Aged Pine
- 2C3C47
≈ Pitch Cobalt
- 423441
≈ Voodoo
대비 및 접근성
Ag
AAA흰색 위
WCAG 11.56:1 · APCA Lc 97
Ag
Fail검은색 위
WCAG 1.81:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 11.56:1 (AAA) · APCA Lc 97
Contrast pairs
코드 스니펫
CSS
:root {
--dark-rum: #45362b;
--dark-rum-rgb: 69 54 43;
--dark-rum-oklch: oklch(0.346 0.028 57.9);
}
.element {
color: var(--dark-rum);
background-color: hsl(25 23% 22%);
border-color: oklch(0.346 0.028 57.9);
}Tailwind CSS v4
@theme {
--color-dark-rum: #45362b;
--color-dark-rum-50: #fcf3ed;
--color-dark-rum-100: #efe6df;
--color-dark-rum-200: #ded2c8;
--color-dark-rum-300: #c3b4a9;
--color-dark-rum-400: #ac9b8e;
--color-dark-rum-500: #958274;
--color-dark-rum-600: #7e6e62;
--color-dark-rum-700: #65584f;
--color-dark-rum-800: #4a4039;
--color-dark-rum-900: #342c27;
--color-dark-rum-950: #1f1915;
}SCSS
$dark-rum: #45362b;
$dark-rum-rgb: 69, 54, 43;
$dark-rum-light: mix(#fff, $dark-rum, 20%);
$dark-rum-dark: mix(#000, $dark-rum, 20%);
.element {
color: $dark-rum;
box-shadow: 0 0 0 2px rgba($dark-rum, 0.35);
}