가장 가까운 이름 색상 · #B83048
#B83048
가장 가까운 이름 색상: Chubby Kiss
#B83048(rgb(184 48 72), hsl(349 59% 45%), oklch(0.525 0.172 15.7))와 가장 가까운 이름 색상은 Chubby Kiss입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#B83048
oklch(0.525 0.172 15.7)
색상 변환
- HEX
- #b83048
- RGB
- rgb(184 48 72)
- HSL
- hsl(349 59% 45%)
- HWB
- hwb(349 19% 28%)
- OKLCH
- oklch(0.525 0.172 15.7)
- OKLab
- oklab(0.525 0.165 0.046)
- CIE Lab
- lab(43.03 55.5 20.28)
- LCH
- lch(43.03 59.09 20.1)
- CMYK
- cmyk(0% 74% 61% 28%)
틴트 · 셰이드 · 톤
틴트
- C24959
- CB5F6A
- D4747C
- DC888D
- E39CA0
- EAAFB2
- F0C3C5
- F6D7D8
- FBEBEB
셰이드
- A0283D
- 882133
- 711A29
- 5B131F
- 450C16
- 31060D
- 1E0306
- 0C0102
- 020000
톤
- B43C4E
- B04753
- AB5059
- A6585F
- A16064
- 9C676A
- 966D6F
- 8F7475
- 887A7A
색 조화
보색 +180°
- B83048
Chubby Kiss
- 007A7B
≈ Blue Grass
유사색 -30° +30°
- B83048
Chubby Kiss
- AB357F
≈ Plum Kingdom
- AC4700
≈ Pepperoni
삼각 배색 +120° +240°
- B83048
Chubby Kiss
- 3C7D00
≈ Green People
- 0B68CA
≈ Royal Navy Blue
분열 보색 +150° +210°
- B83048
Chubby Kiss
- 007E5B
≈ Spanish Viridian
- 007696
≈ Pristine Seas
사각 배색 +90° +180° +270°
- B83048
Chubby Kiss
- 746D00
≈ Bronze Yellow
- 007A7B
≈ Blue Grass
- 6554C7
≈ Circumorbital Ring
대비 및 접근성
Ag
AA흰색 위
WCAG 5.90:1 · APCA Lc 78
Ag
Fail검은색 위
WCAG 3.55:1 · APCA Lc 23
가장 좋은 글자색: #FFFFFF
WCAG 5.90:1 (AA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--chubby-kiss: #b83048;
--chubby-kiss-rgb: 184 48 72;
--chubby-kiss-oklch: oklch(0.525 0.172 15.7);
}
.element {
color: var(--chubby-kiss);
background-color: hsl(349 59% 45%);
border-color: oklch(0.525 0.172 15.7);
}Tailwind CSS v4
@theme {
--color-chubby-kiss: #b83048;
--color-chubby-kiss-50: #ffe2e3;
--color-chubby-kiss-100: #ffd1d3;
--color-chubby-kiss-200: #ffb6b9;
--color-chubby-kiss-300: #ff9196;
--color-chubby-kiss-400: #f26e7c;
--color-chubby-kiss-500: #e0475f;
--color-chubby-kiss-600: #bd3e51;
--color-chubby-kiss-700: #983140;
--color-chubby-kiss-800: #712230;
--color-chubby-kiss-900: #501721;
--color-chubby-kiss-950: #350710;
}SCSS
$chubby-kiss: #b83048;
$chubby-kiss-rgb: 184, 48, 72;
$chubby-kiss-light: mix(#fff, $chubby-kiss, 20%);
$chubby-kiss-dark: mix(#000, $chubby-kiss, 20%);
.element {
color: $chubby-kiss;
box-shadow: 0 0 0 2px rgba($chubby-kiss, 0.35);
}