가장 가까운 이름 색상 · #BB6348
#BB6348
가장 가까운 이름 색상: Bruschetta
#BB6348(rgb(187 99 72), hsl(14 46% 51%), oklch(0.597 0.12 37.8))와 가장 가까운 이름 색상은 Bruschetta입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#BB6348
oklch(0.597 0.12 37.8)
색상 변환
- HEX
- #bb6348
- RGB
- rgb(187 99 72)
- HSL
- hsl(14 46% 51%)
- HWB
- hwb(14 28% 27%)
- OKLCH
- oklch(0.597 0.12 37.8)
- OKLab
- oklab(0.597 0.095 0.074)
- CIE Lab
- lab(52.28 34.41 31.85)
- LCH
- lch(52.28 46.89 42.8)
- CMYK
- cmyk(0% 47% 61% 27%)
틴트 · 셰이드 · 톤
틴트
- C3735A
- CB826C
- D2927E
- DAA190
- E1B1A2
- E7C0B4
- EED0C6
- F4DFD9
- F9EFEC
셰이드
- A2553D
- 8A4733
- 733A29
- 5C2E1F
- 462116
- 32160D
- 1F0B06
- 0D0302
- 020000
톤
- B6674E
- B16A55
- AB6D5B
- A67160
- A07466
- 9A766B
- 947971
- 8E7B76
- 877E7B
색 조화
보색 +180°
- BB6348
Bruschetta
- 008EA9
≈ Quintana
유사색 -30° +30°
- BB6348
Bruschetta
- BA5E72
≈ Candied Apple
- AE701D
≈ Caramel
삼각 배색 +120° +240°
- BB6348
Bruschetta
- 2F9463
≈ Eucalyptus
- 6F77C6
≈ Kickstart Purple
분열 보색 +150° +210°
- BB6348
Bruschetta
- 00938A
≈ Torrid Turquoise
- 3C84C3
≈ King Triton
사각 배색 +90° +180° +270°
- BB6348
Bruschetta
- 6B8C37
≈ Gǎn Lǎn Lǜ Green
- 008EA9
≈ Quintana
- 936AB6
≈ Viola
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.20:1 · APCA Lc 69
Ag
AA검은색 위
WCAG 4.99:1 · APCA Lc 33
가장 좋은 글자색: #000000
WCAG 4.99:1 (AA) · APCA Lc 33
Contrast pairs
코드 스니펫
CSS
:root {
--bruschetta: #bb6348;
--bruschetta-rgb: 187 99 72;
--bruschetta-oklch: oklch(0.597 0.12 37.8);
}
.element {
color: var(--bruschetta);
background-color: hsl(14 46% 51%);
border-color: oklch(0.597 0.12 37.8);
}Tailwind CSS v4
@theme {
--color-bruschetta: #bb6348;
--color-bruschetta-50: #ffeadc;
--color-bruschetta-100: #ffdbca;
--color-bruschetta-200: #ffc4ae;
--color-bruschetta-300: #eda289;
--color-bruschetta-400: #db8469;
--color-bruschetta-500: #c86648;
--color-bruschetta-600: #a9573e;
--color-bruschetta-700: #884531;
--color-bruschetta-800: #653124;
--color-bruschetta-900: #472218;
--color-bruschetta-950: #2e1009;
}SCSS
$bruschetta: #bb6348;
$bruschetta-rgb: 187, 99, 72;
$bruschetta-light: mix(#fff, $bruschetta, 20%);
$bruschetta-dark: mix(#000, $bruschetta, 20%);
.element {
color: $bruschetta;
box-shadow: 0 0 0 2px rgba($bruschetta, 0.35);
}