가장 가까운 이름 색상 · #754D2B
#754D2B
가장 가까운 이름 색상: Chocolate Bells
#754D2B(rgb(117 77 43), hsl(28 46% 31%), oklch(0.457 0.073 59.8))와 가장 가까운 이름 색상은 Chocolate Bells입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#754D2B
oklch(0.457 0.073 59.8)
색상 변환
- HEX
- #754d2b
- RGB
- rgb(117 77 43)
- HSL
- hsl(28 46% 31%)
- HWB
- hwb(28 17% 54%)
- OKLCH
- oklch(0.457 0.073 59.8)
- OKLab
- oklab(0.457 0.037 0.063)
- CIE Lab
- lab(36.79 14.67 27.1)
- LCH
- lch(36.79 30.81 61.6)
- CMYK
- cmyk(0% 34% 63% 54%)
틴트 · 셰이드 · 톤
틴트
- 835D3F
- 906E53
- 9E7F68
- AB917C
- B9A291
- C7B4A6
- D5C7BC
- E3D9D2
- F1ECE8
셰이드
- 654224
- 55371D
- 462C16
- 372210
- 29180A
- 1C0F05
- 0F0702
- 050201
- 010000
톤
- 765234
- 78573D
- 795D46
- 7A624E
- 7C6757
- 7D6C5F
- 7E7167
- 7F766F
- 7F7B78
색 조화
보색 +180°
- 754D2B
Chocolate Bells
- 2D5C7C
≈ Nautical Creatures
유사색 -30° +30°
- 754D2B
Chocolate Bells
- 7B473F
≈ Texas Sweet Tea
- 675522
≈ Field Drab
삼각 배색 +120° +240°
- 754D2B
Chocolate Bells
- 1C6459
≈ Humboldt Redwoods
- 5D4E7A
≈ Imperial Palace
분열 보색 +150° +210°
- 754D2B
Chocolate Bells
- 14626E
≈ Blue Lagoon
- 475580
≈ Mozart
사각 배색 +90° +180° +270°
- 754D2B
Chocolate Bells
- 386341
≈ Forest Serenade
- 2D5C7C
≈ Nautical Creatures
- 6E486B
≈ Old Fashioned Purple
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.36:1 · APCA Lc 85
Ag
Fail검은색 위
WCAG 2.85:1 · APCA Lc 17
가장 좋은 글자색: #FFFFFF
WCAG 7.36:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--chocolate-bells: #754d2b;
--chocolate-bells-rgb: 117 77 43;
--chocolate-bells-oklch: oklch(0.457 0.073 59.8);
}
.element {
color: var(--chocolate-bells);
background-color: hsl(28 46% 31%);
border-color: oklch(0.457 0.073 59.8);
}Tailwind CSS v4
@theme {
--color-chocolate-bells: #754d2b;
--color-chocolate-bells-50: #fff1e1;
--color-chocolate-bells-100: #fae3d0;
--color-chocolate-bells-200: #ecceb5;
--color-chocolate-bells-300: #d3b092;
--color-chocolate-bells-400: #bf9573;
--color-chocolate-bells-500: #aa7b54;
--color-chocolate-bells-600: #906847;
--color-chocolate-bells-700: #735339;
--color-chocolate-bells-800: #563c29;
--color-chocolate-bells-900: #3c291b;
--color-chocolate-bells-950: #25170c;
}SCSS
$chocolate-bells: #754d2b;
$chocolate-bells-rgb: 117, 77, 43;
$chocolate-bells-light: mix(#fff, $chocolate-bells, 20%);
$chocolate-bells-dark: mix(#000, $chocolate-bells, 20%);
.element {
color: $chocolate-bells;
box-shadow: 0 0 0 2px rgba($chocolate-bells, 0.35);
}