이름 색상 · #8D7470
Bitter Briar
Bitter Briar은(는) #8D7470: rgb(141 116 112), hsl(8 11% 50%), oklch(0.582 0.032 28.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Bitter Briar color name →
#8D7470
oklch(0.582 0.032 28.7)
색상 변환
- HEX
- #8d7470
- RGB
- rgb(141 116 112)
- HSL
- hsl(8 11% 50%)
- HWB
- hwb(8 44% 45%)
- OKLCH
- oklch(0.582 0.032 28.7)
- OKLab
- oklab(0.582 0.028 0.015)
- CIE Lab
- lab(51.19 9.6 6.08)
- LCH
- lch(51.19 11.36 32.4)
- CMYK
- cmyk(0% 18% 21% 45%)
틴트 · 셰이드 · 톤
틴트
- 98817D
- A38E8B
- AE9C99
- BAA9A7
- C5B7B5
- D0C5C3
- DCD3D2
- E8E2E1
- F3F0F0
셰이드
- 7A6460
- 675451
- 554543
- 443735
- 332927
- 231B1A
- 140F0E
- 070504
- 010101
톤
- 8C7572
- 8B7673
- 897875
- 887976
- 877A78
- 867B7A
- 847C7B
- 837E7D
- 817F7E
색 조화
보색 +180°
- 8D7470
Bitter Briar
- 658085
≈ Blue Thunder
유사색 -30° +30°
- 8D7470
Bitter Briar
- 8C737A
≈ Myself
- 8A7768
≈ Sage Green
삼각 배색 +120° +240°
- 8D7470
Bitter Briar
- 6E8070
≈ Devon Rex
- 737A8E
≈ Blue Granite
분열 보색 +150° +210°
- 8D7470
Bitter Briar
- 67817B
≈ Aspen Valley
- 6A7E8C
≈ Cascade Tour
사각 배색 +90° +180° +270°
- 8D7470
Bitter Briar
- 787E68
≈ Moss Covered
- 658085
≈ Blue Thunder
- 7D778C
≈ Mythical
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.31:1 · APCA Lc 70
Ag
AA검은색 위
WCAG 4.86:1 · APCA Lc 32
가장 좋은 글자색: #000000
WCAG 4.86:1 (AA) · APCA Lc 32
Contrast pairs
코드 스니펫
CSS
:root {
--bitter-briar: #8d7470;
--bitter-briar-rgb: 141 116 112;
--bitter-briar-oklch: oklch(0.582 0.032 28.7);
}
.element {
color: var(--bitter-briar);
background-color: hsl(8 11% 50%);
border-color: oklch(0.582 0.032 28.7);
}Tailwind CSS v4
@theme {
--color-bitter-briar: #8d7470;
--color-bitter-briar-50: #fef2f0;
--color-bitter-briar-100: #f2e4e1;
--color-bitter-briar-200: #e2d0cc;
--color-bitter-briar-300: #c7b2ae;
--color-bitter-briar-400: #b19894;
--color-bitter-briar-500: #9a7f7a;
--color-bitter-briar-600: #836b67;
--color-bitter-briar-700: #695653;
--color-bitter-briar-800: #4d3e3c;
--color-bitter-briar-900: #362b29;
--color-bitter-briar-950: #211817;
}SCSS
$bitter-briar: #8d7470;
$bitter-briar-rgb: 141, 116, 112;
$bitter-briar-light: mix(#fff, $bitter-briar, 20%);
$bitter-briar-dark: mix(#000, $bitter-briar, 20%);
.element {
color: $bitter-briar;
box-shadow: 0 0 0 2px rgba($bitter-briar, 0.35);
}