이름 색상 · #BC9B4E
Brown Rum
Brown Rum은(는) #BC9B4E: rgb(188 155 78), hsl(42 45% 52%), oklch(0.704 0.104 86.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Brown Rum color name →
#BC9B4E
oklch(0.704 0.104 86.3)
색상 변환
- HEX
- #bc9b4e
- RGB
- rgb(188 155 78)
- HSL
- hsl(42 45% 52%)
- HWB
- hwb(42 31% 26%)
- OKLCH
- oklch(0.704 0.104 86.3)
- OKLab
- oklab(0.704 0.007 0.103)
- CIE Lab
- lab(65.86 5.97 44.46)
- LCH
- lch(65.86 44.86 82.4)
- CMYK
- cmyk(0% 18% 59% 26%)
틴트 · 셰이드 · 톤
틴트
- C3A561
- C9AF74
- D0B986
- D7C397
- DDCDA8
- E4D7BA
- EBE1CB
- F1EBDC
- F8F5EE
셰이드
- A38643
- 8B7238
- 735E2D
- 5D4B23
- 473919
- 32280F
- 1F1807
- 0D0902
- 020100
톤
- B69855
- B0965B
- AA9361
- A49167
- 9E8E6C
- 988B70
- 928974
- 8C8679
- 86837C
색 조화
보색 +180°
- BC9B4E
Brown Rum
- 829EE1
≈ Portage
유사색 -30° +30°
- BC9B4E
Brown Rum
- D18E5D
≈ Whiskey
- 9CA85A
≈ Springtide Melodies
삼각 배색 +120° +240°
- BC9B4E
Brown Rum
- 3CB2C0
≈ Glassmith
- C289C2
≈ Dragonflies
분열 보색 +150° +210°
- BC9B4E
Brown Rum
- 5AA9D8
≈ Cousteau
- A692D9
≈ Middy’s Purple
사각 배색 +90° +180° +270°
- BC9B4E
Brown Rum
- 4BB59E
≈ Sacred Turquoise
- 829EE1
≈ Portage
- D384A1
≈ Heirloom Rose
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.64:1 · APCA Lc 51
Ag
AAA검은색 위
WCAG 7.93:1 · APCA Lc 50
가장 좋은 글자색: #000000
WCAG 7.93:1 (AAA) · APCA Lc 50
Contrast pairs
코드 스니펫
CSS
:root {
--brown-rum: #bc9b4e;
--brown-rum-rgb: 188 155 78;
--brown-rum-oklch: oklch(0.704 0.104 86.3);
}
.element {
color: var(--brown-rum);
background-color: hsl(42 45% 52%);
border-color: oklch(0.704 0.104 86.3);
}Tailwind CSS v4
@theme {
--color-brown-rum: #bc9b4e;
--color-brown-rum-50: #fff4d4;
--color-brown-rum-100: #f6e7c1;
--color-brown-rum-200: #e6d3a2;
--color-brown-rum-300: #cdb579;
--color-brown-rum-400: #b99a52;
--color-brown-rum-500: #a48124;
--color-brown-rum-600: #8b6d21;
--color-brown-rum-700: #6f571a;
--color-brown-rum-800: #533f11;
--color-brown-rum-900: #3a2b0a;
--color-brown-rum-950: #241801;
}SCSS
$brown-rum: #bc9b4e;
$brown-rum-rgb: 188, 155, 78;
$brown-rum-light: mix(#fff, $brown-rum, 20%);
$brown-rum-dark: mix(#000, $brown-rum, 20%);
.element {
color: $brown-rum;
box-shadow: 0 0 0 2px rgba($brown-rum, 0.35);
}