이름 색상 · #4D3113
Bavarian Sweet Mustard
Bavarian Sweet Mustard은(는) #4D3113: rgb(77 49 19), hsl(31 60% 19%), oklch(0.34 0.06 65.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Bavarian Sweet Mustard color name →
#4D3113
oklch(0.34 0.06 65.1)
색상 변환
- HEX
- #4d3113
- RGB
- rgb(77 49 19)
- HSL
- hsl(31 60% 19%)
- HWB
- hwb(31 7% 70%)
- OKLCH
- oklch(0.34 0.06 65.1)
- OKLab
- oklab(0.34 0.025 0.054)
- CIE Lab
- lab(23.31 10.73 23.98)
- LCH
- lch(23.31 26.27 65.9)
- CMYK
- cmyk(0% 36% 75% 70%)
틴트 · 셰이드 · 톤
틴트
- 5E4329
- 6E563F
- 7F6A55
- 917D6B
- A39283
- B5A79A
- C7BCB3
- D9D2CC
- ECE8E5
셰이드
- 42290F
- 37220B
- 2C1A07
- 221305
- 180C03
- 0F0601
- 070301
- 020100
- 000000
톤
- 52391F
- 57402A
- 5D4834
- 62503F
- 675849
- 6C6054
- 71685F
- 76706A
- 7B7875
색 조화
보색 +180°
- 4D3113
Bavarian Sweet Mustard
- 1B3B55
≈ Gibraltar Sea
유사색 -30° +30°
- 4D3113
Bavarian Sweet Mustard
- 522C22
≈ Momoshio Brown
- 42370E
≈ Camouflage
삼각 배색 +120° +240°
- 4D3113
Bavarian Sweet Mustard
- 01423C
≈ Botanical Night
- 3F3051
≈ Sanctum of Shadows
분열 보색 +150° +210°
- 4D3113
Bavarian Sweet Mustard
- 013F4B
≈ Ghostlands Coal
- 2F3557
≈ Midnight Escapade
사각 배색 +90° +180° +270°
- 4D3113
Bavarian Sweet Mustard
- 1B412A
≈ Mizukaze Green
- 1B3B55
≈ Gibraltar Sea
- 4B2C44
≈ Purple Pennant
대비 및 접근성
Ag
AAA흰색 위
WCAG 11.90:1 · APCA Lc 97
Ag
Fail검은색 위
WCAG 1.76:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 11.90:1 (AAA) · APCA Lc 97
Contrast pairs
코드 스니펫
CSS
:root {
--bavarian-sweet-mustard: #4d3113;
--bavarian-sweet-mustard-rgb: 77 49 19;
--bavarian-sweet-mustard-oklch: oklch(0.34 0.06 65.1);
}
.element {
color: var(--bavarian-sweet-mustard);
background-color: hsl(31 60% 19%);
border-color: oklch(0.34 0.06 65.1);
}Tailwind CSS v4
@theme {
--color-bavarian-sweet-mustard: #4d3113;
--color-bavarian-sweet-mustard-50: #fff2e4;
--color-bavarian-sweet-mustard-100: #f6e5d3;
--color-bavarian-sweet-mustard-200: #e6d0ba;
--color-bavarian-sweet-mustard-300: #cdb298;
--color-bavarian-sweet-mustard-400: #b8987a;
--color-bavarian-sweet-mustard-500: #a27e5c;
--color-bavarian-sweet-mustard-600: #896b4e;
--color-bavarian-sweet-mustard-700: #6e553e;
--color-bavarian-sweet-mustard-800: #513e2d;
--color-bavarian-sweet-mustard-900: #392b1e;
--color-bavarian-sweet-mustard-950: #23180e;
}SCSS
$bavarian-sweet-mustard: #4d3113;
$bavarian-sweet-mustard-rgb: 77, 49, 19;
$bavarian-sweet-mustard-light: mix(#fff, $bavarian-sweet-mustard, 20%);
$bavarian-sweet-mustard-dark: mix(#000, $bavarian-sweet-mustard, 20%);
.element {
color: $bavarian-sweet-mustard;
box-shadow: 0 0 0 2px rgba($bavarian-sweet-mustard, 0.35);
}