이름 색상 · #BF9B84
Stuffing
Stuffing은(는) #BF9B84: rgb(191 155 132), hsl(23 32% 63%), oklch(0.716 0.054 54.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Stuffing color name →
#BF9B84
oklch(0.716 0.054 54.2)
색상 변환
- HEX
- #bf9b84
- RGB
- rgb(191 155 132)
- HSL
- hsl(23 32% 63%)
- HWB
- hwb(23 52% 25%)
- OKLCH
- oklch(0.716 0.054 54.2)
- OKLab
- oklab(0.716 0.032 0.044)
- CIE Lab
- lab(66.89 11.34 17.42)
- LCH
- lch(66.89 20.79 56.9)
- CMYK
- cmyk(0% 19% 31% 25%)
틴트 · 셰이드 · 톤
틴트
- C5A590
- CCAE9C
- D2B8A8
- D9C2B4
- DFCCC0
- E6D6CD
- ECE0D9
- F2EAE6
- F9F5F2
셰이드
- A68672
- 8D7260
- 755E4F
- 5E4B3F
- 48392F
- 332820
- 1F1812
- 0D0906
- 020101
톤
- B99884
- B29683
- AC9383
- A69083
- 9F8E82
- 998B82
- 938882
- 8D8581
- 868381
색 조화
보색 +180°
- BF9B84
Stuffing
- 83AAC1
≈ Arabella
유사색 -30° +30°
- BF9B84
Stuffing
- C39793
≈ Mutabilis
- B3A17D
≈ Paper Sack
삼각 배색 +120° +240°
- BF9B84
Stuffing
- 80AFA1
≈ Green Room
- A59DC3
≈ Evening Slipper
분열 보색 +150° +210°
- BF9B84
Stuffing
- 7BAEB3
≈ Buoyancy
- 93A4C6
≈ Wild Clary
사각 배색 +90° +180° +270°
- BF9B84
Stuffing
- 90AD8F
≈ Flora Green
- 83AAC1
≈ Arabella
- B598B7
≈ Grape Smoke
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.54:1 · APCA Lc 50
Ag
AAA검은색 위
WCAG 8.23:1 · APCA Lc 52
가장 좋은 글자색: #000000
WCAG 8.23:1 (AAA) · APCA Lc 52
Contrast pairs
코드 스니펫
CSS
:root {
--stuffing: #bf9b84;
--stuffing-rgb: 191 155 132;
--stuffing-oklch: oklch(0.716 0.054 54.2);
}
.element {
color: var(--stuffing);
background-color: hsl(23 32% 63%);
border-color: oklch(0.716 0.054 54.2);
}Tailwind CSS v4
@theme {
--color-stuffing: #bf9b84;
--color-stuffing-50: #fff2e7;
--color-stuffing-100: #f7e4d7;
--color-stuffing-200: #e7cfbf;
--color-stuffing-300: #ceb19d;
--color-stuffing-400: #b89681;
--color-stuffing-500: #a37d64;
--color-stuffing-600: #8a6a55;
--color-stuffing-700: #6e5544;
--color-stuffing-800: #523d31;
--color-stuffing-900: #392a21;
--color-stuffing-950: #231811;
}SCSS
$stuffing: #bf9b84;
$stuffing-rgb: 191, 155, 132;
$stuffing-light: mix(#fff, $stuffing, 20%);
$stuffing-dark: mix(#000, $stuffing, 20%);
.element {
color: $stuffing;
box-shadow: 0 0 0 2px rgba($stuffing, 0.35);
}