이름 색상 · #B4A07A
Paper Sack
Paper Sack은(는) #B4A07A: rgb(180 160 122), hsl(39 28% 59%), oklch(0.714 0.057 83.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Paper Sack color name →
#B4A07A
oklch(0.714 0.057 83.3)
색상 변환
- HEX
- #b4a07a
- RGB
- rgb(180 160 122)
- HSL
- hsl(39 28% 59%)
- HWB
- hwb(39 48% 29%)
- OKLCH
- oklch(0.714 0.057 83.3)
- OKLab
- oklab(0.714 0.007 0.057)
- CIE Lab
- lab(66.93 3.34 22.7)
- LCH
- lch(66.93 22.94 81.6)
- CMYK
- cmyk(0% 11% 32% 29%)
틴트 · 셰이드 · 톤
틴트
- BBA987
- C3B394
- CABCA1
- D2C5AE
- D9CFBB
- E1D8C9
- E8E2D6
- F0ECE4
- F7F5F1
셰이드
- 9C8B69
- 857659
- 6E6149
- 584E3A
- 443B2B
- 30291D
- 1D1910
- 0C0905
- 020101
톤
- AF9D7B
- A99A7C
- A4967D
- 9F937D
- 9A907E
- 958D7E
- 8F8A7F
- 8A867F
- 858380
색 조화
보색 +180°
- B4A07A
Paper Sack
- 90A3C7
≈ Wild Clary
유사색 -30° +30°
- B4A07A
Paper Sack
- C09982
≈ Stuffing
- A2A77E
≈ Dill Grass
삼각 배색 +120° +240°
- B4A07A
Paper Sack
- 78AEB3
≈ Venice Escape
- B597B8
≈ Grape Smoke
분열 보색 +150° +210°
- B4A07A
Paper Sack
- 7FA9C1
≈ Stormfang
- A49CC4
≈ Purple Vision
사각 배색 +90° +180° +270°
- B4A07A
Paper Sack
- 7DAF9F
≈ Green Room
- 90A3C7
≈ Wild Clary
- C094A5
≈ Light Mauve
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.54:1 · APCA Lc 50
Ag
AAA검은색 위
WCAG 8.25:1 · APCA Lc 52
가장 좋은 글자색: #000000
WCAG 8.25:1 (AAA) · APCA Lc 52
Contrast pairs
코드 스니펫
CSS
:root {
--paper-sack: #b4a07a;
--paper-sack-rgb: 180 160 122;
--paper-sack-oklch: oklch(0.714 0.057 83.3);
}
.element {
color: var(--paper-sack);
background-color: hsl(39 28% 59%);
border-color: oklch(0.714 0.057 83.3);
}Tailwind CSS v4
@theme {
--color-paper-sack: #b4a07a;
--color-paper-sack-50: #fdf4e3;
--color-paper-sack-100: #f1e7d3;
--color-paper-sack-200: #dfd3b9;
--color-paper-sack-300: #c5b697;
--color-paper-sack-400: #af9c78;
--color-paper-sack-500: #99835a;
--color-paper-sack-600: #816f4d;
--color-paper-sack-700: #67593d;
--color-paper-sack-800: #4c412b;
--color-paper-sack-900: #352c1d;
--color-paper-sack-950: #20190d;
}SCSS
$paper-sack: #b4a07a;
$paper-sack-rgb: 180, 160, 122;
$paper-sack-light: mix(#fff, $paper-sack, 20%);
$paper-sack-dark: mix(#000, $paper-sack, 20%);
.element {
color: $paper-sack;
box-shadow: 0 0 0 2px rgba($paper-sack, 0.35);
}