이름 색상 · #5B4A44
Bear in Mind
Bear in Mind은(는) #5B4A44: rgb(91 74 68), hsl(16 14% 31%), oklch(0.425 0.025 40.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Bear in Mind color name →
#5B4A44
oklch(0.425 0.025 40.4)
색상 변환
- HEX
- #5b4a44
- RGB
- rgb(91 74 68)
- HSL
- hsl(16 14% 31%)
- HWB
- hwb(16 27% 64%)
- OKLCH
- oklch(0.425 0.025 40.4)
- OKLab
- oklab(0.425 0.019 0.016)
- CIE Lab
- lab(33.11 6.64 6.44)
- LCH
- lch(33.11 9.25 44.1)
- CMYK
- cmyk(0% 19% 25% 64%)
틴트 · 셰이드 · 톤
틴트
- 6A5A55
- 7A6B66
- 897C78
- 998E8A
- AAA09C
- BAB2AF
- CBC5C3
- DCD8D6
- EDEBEB
셰이드
- 4E3F3A
- 413530
- 352A26
- 29201D
- 1E1714
- 130E0C
- 090605
- 030202
- 000000
톤
- 5F4F4A
- 625450
- 665A55
- 6A5F5B
- 6E6461
- 716A67
- 756F6D
- 797574
- 7C7A7A
색 조화
보색 +180°
- 5B4A44
Bear in Mind
- 3F5258
≈ Mountain Pine
유사색 -30° +30°
- 5B4A44
Bear in Mind
- 5B494B
≈ Carob Chip
- 574C40
≈ Mondo
삼각 배색 +120° +240°
- 5B4A44
Bear in Mind
- 43534A
≈ Moss Cottage
- 4B4D5C
≈ Ombre Blue
분열 보색 +150° +210°
- 5B4A44
Bear in Mind
- 3F5351
≈ Gedney Green
- 44505C
≈ Royal Navy
사각 배색 +90° +180° +270°
- 5B4A44
Bear in Mind
- 4A5143
≈ Charcoal Smoke
- 3F5258
≈ Mountain Pine
- 534B59
≈ Mulled Wine
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.37:1 · APCA Lc 89
Ag
Fail검은색 위
WCAG 2.50:1 · APCA Lc 13
가장 좋은 글자색: #FFFFFF
WCAG 8.37:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--bear-in-mind: #5b4a44;
--bear-in-mind-rgb: 91 74 68;
--bear-in-mind-oklch: oklch(0.425 0.025 40.4);
}
.element {
color: var(--bear-in-mind);
background-color: hsl(16 14% 31%);
border-color: oklch(0.425 0.025 40.4);
}Tailwind CSS v4
@theme {
--color-bear-in-mind: #5b4a44;
--color-bear-in-mind-50: #fcf3f0;
--color-bear-in-mind-100: #f0e5e1;
--color-bear-in-mind-200: #ded1cc;
--color-bear-in-mind-300: #c3b4ad;
--color-bear-in-mind-400: #ac9a93;
--color-bear-in-mind-500: #96817a;
--color-bear-in-mind-600: #7f6d67;
--color-bear-in-mind-700: #655752;
--color-bear-in-mind-800: #4b403c;
--color-bear-in-mind-900: #342c29;
--color-bear-in-mind-950: #1f1917;
}SCSS
$bear-in-mind: #5b4a44;
$bear-in-mind-rgb: 91, 74, 68;
$bear-in-mind-light: mix(#fff, $bear-in-mind, 20%);
$bear-in-mind-dark: mix(#000, $bear-in-mind, 20%);
.element {
color: $bear-in-mind;
box-shadow: 0 0 0 2px rgba($bear-in-mind, 0.35);
}