이름 색상 · #B56F76
Dusty Rose
Dusty Rose은(는) #B56F76: rgb(181 111 118), hsl(354 32% 57%), oklch(0.619 0.089 13.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Dusty Rose color name →
#B56F76
oklch(0.619 0.089 13.5)
색상 변환
- HEX
- #b56f76
- RGB
- rgb(181 111 118)
- HSL
- hsl(354 32% 57%)
- HWB
- hwb(354 44% 29%)
- OKLCH
- oklch(0.619 0.089 13.5)
- OKLab
- oklab(0.619 0.087 0.021)
- CIE Lab
- lab(54.84 29.12 8.53)
- LCH
- lch(54.84 30.35 16.3)
- CMYK
- cmyk(0% 39% 35% 29%)
틴트 · 셰이드 · 톤
틴트
- BD7D83
- C58B90
- CD999D
- D5A7AB
- DCB6B8
- E3C4C6
- EBD3D4
- F2E1E2
- F8F0F1
셰이드
- 9D6066
- 865156
- 6F4247
- 593438
- 442729
- 301A1C
- 1D0E0F
- 0C0405
- 020101
톤
- B07177
- AB7378
- A67579
- A1777A
- 9C787B
- 977A7C
- 917C7D
- 8C7D7E
- 867F7F
색 조화
보색 +180°
- B56F76
Dusty Rose
- 359795
≈ Java
유사색 -30° +30°
- B56F76
Dusty Rose
- AC7094
≈ Purple Starburst
- B37459
≈ Sunburn
삼각 배색 +120° +240°
- B56F76
Dusty Rose
- 709259
≈ Piquant Green
- 5F89BB
≈ Danube
분열 보색 +150° +210°
- B56F76
Dusty Rose
- 4D9777
≈ Good Luck
- 3F92AD
≈ Enchanted Well
사각 배색 +90° +180° +270°
- B56F76
Dusty Rose
- 8F8845
≈ Warm Wetlands
- 359795
≈ Java
- 7F7FBA
≈ Deep Periwinkle
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.81:1 · APCA Lc 65
Ag
AA검은색 위
WCAG 5.50:1 · APCA Lc 36
가장 좋은 글자색: #000000
WCAG 5.50:1 (AA) · APCA Lc 36
Contrast pairs
코드 스니펫
CSS
:root {
--dusty-rose: #b56f76;
--dusty-rose-rgb: 181 111 118;
--dusty-rose-oklch: oklch(0.619 0.089 13.5);
}
.element {
color: var(--dusty-rose);
background-color: hsl(354 32% 57%);
border-color: oklch(0.619 0.089 13.5);
}Tailwind CSS v4
@theme {
--color-dusty-rose: #b56f76;
--color-dusty-rose-50: #ffebed;
--color-dusty-rose-100: #ffddde;
--color-dusty-rose-200: #f8c5c8;
--color-dusty-rose-300: #e1a5a8;
--color-dusty-rose-400: #cd898f;
--color-dusty-rose-500: #b96c75;
--color-dusty-rose-600: #9d5c63;
--color-dusty-rose-700: #7e4a4f;
--color-dusty-rose-800: #5d353a;
--color-dusty-rose-900: #412428;
--color-dusty-rose-950: #2a1316;
}SCSS
$dusty-rose: #b56f76;
$dusty-rose-rgb: 181, 111, 118;
$dusty-rose-light: mix(#fff, $dusty-rose, 20%);
$dusty-rose-dark: mix(#000, $dusty-rose, 20%);
.element {
color: $dusty-rose;
box-shadow: 0 0 0 2px rgba($dusty-rose, 0.35);
}