가장 가까운 이름 색상 · #B36962
#B36962
가장 가까운 이름 색상: Peach Dunes
#B36962(rgb(179 105 98), hsl(5 35% 54%), oklch(0.601 0.096 26.1))와 가장 가까운 이름 색상은 Peach Dunes입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#B36962
oklch(0.601 0.096 26.1)
색상 변환
- HEX
- #b36962
- RGB
- rgb(179 105 98)
- HSL
- hsl(5 35% 54%)
- HWB
- hwb(5 38% 30%)
- OKLCH
- oklch(0.601 0.096 26.1)
- OKLab
- oklab(0.601 0.086 0.042)
- CIE Lab
- lab(52.84 29.77 17.38)
- LCH
- lch(52.84 34.48 30.3)
- CMYK
- cmyk(0% 41% 45% 30%)
틴트 · 셰이드 · 톤
틴트
- BC7871
- C48680
- CC958F
- D4A49E
- DBB3AE
- E3C2BE
- EAD1CE
- F1E0DE
- F8EFEE
셰이드
- 9B5A54
- 844C47
- 6E3E3A
- 58312D
- 432421
- 2F1816
- 1D0C0B
- 0C0403
- 010000
톤
- AE6C65
- AA6E68
- A5716B
- A0736E
- 9B7671
- 967874
- 917A77
- 8C7C7A
- 867E7D
색 조화
보색 +180°
- B36962
Peach Dunes
- 1E919D
≈ Jaded
유사색 -30° +30°
- B36962
Peach Dunes
- AE6782
≈ Crushed Raspberry
- AC7145
≈ Byzantine Copper
삼각 배색 +120° +240°
- B36962
Peach Dunes
- 59905D
≈ Hippie Green
- 667FBA
≈ Watertown
분열 보색 +150° +210°
- B36962
Peach Dunes
- 30937E
≈ Illuminating Emerald
- 4089B2
≈ Tropic
사각 배색 +90° +180° +270°
- B36962
Peach Dunes
- 7E8841
≈ Sea Turtle
- 1E919D
≈ Jaded
- 8674B4
≈ Dahlia Purple
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.10:1 · APCA Lc 68
Ag
AA검은색 위
WCAG 5.11:1 · APCA Lc 34
가장 좋은 글자색: #000000
WCAG 5.11:1 (AA) · APCA Lc 34
Contrast pairs
코드 스니펫
CSS
:root {
--peach-dunes: #b36962;
--peach-dunes-rgb: 179 105 98;
--peach-dunes-oklch: oklch(0.601 0.096 26.1);
}
.element {
color: var(--peach-dunes);
background-color: hsl(5 35% 54%);
border-color: oklch(0.601 0.096 26.1);
}Tailwind CSS v4
@theme {
--color-peach-dunes: #b36962;
--color-peach-dunes-50: #ffebe6;
--color-peach-dunes-100: #ffddd6;
--color-peach-dunes-200: #fbc5be;
--color-peach-dunes-300: #e5a59c;
--color-peach-dunes-400: #d18881;
--color-peach-dunes-500: #be6c64;
--color-peach-dunes-600: #a05b55;
--color-peach-dunes-700: #814944;
--color-peach-dunes-800: #5f3432;
--color-peach-dunes-900: #432422;
--color-peach-dunes-950: #2b1211;
}SCSS
$peach-dunes: #b36962;
$peach-dunes-rgb: 179, 105, 98;
$peach-dunes-light: mix(#fff, $peach-dunes, 20%);
$peach-dunes-dark: mix(#000, $peach-dunes, 20%);
.element {
color: $peach-dunes;
box-shadow: 0 0 0 2px rgba($peach-dunes, 0.35);
}