이름 색상 · #BA6873
Dusky Rose
Dusky Rose은(는) #BA6873: rgb(186 104 115), hsl(352 37% 57%), oklch(0.613 0.105 12.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Dusky Rose color name →
#BA6873
oklch(0.613 0.105 12.1)
색상 변환
- HEX
- #ba6873
- RGB
- rgb(186 104 115)
- HSL
- hsl(352 37% 57%)
- HWB
- hwb(352 41% 27%)
- OKLCH
- oklch(0.613 0.105 12.1)
- OKLab
- oklab(0.613 0.103 0.022)
- CIE Lab
- lab(53.91 34.42 9.1)
- LCH
- lch(53.91 35.6 14.8)
- CMYK
- cmyk(0% 44% 38% 27%)
틴트 · 셰이드 · 톤
틴트
- C27780
- CA868D
- D1959B
- D9A3A9
- E0B2B7
- E6C2C5
- EDD1D3
- F3E0E2
- F9EFF0
셰이드
- A15963
- 894B54
- 723E45
- 5C3036
- 462428
- 32181B
- 1E0C0F
- 0D0405
- 020001
톤
- B56B74
- B06E76
- AA7077
- A57378
- 9F757A
- 99787B
- 937A7C
- 8D7C7D
- 877E7F
색 조화
보색 +180°
- BA6873
Dusky Rose
- 009894
≈ Columbia
유사색 -30° +30°
- BA6873
Dusky Rose
- AF6A96
≈ Violetta
- B96E50
≈ Iced Tea
삼각 배색 +120° +240°
- BA6873
Dusky Rose
- 6C914C
≈ Athonian Camoshade
- 5387C1
≈ Blueberry Popover
분열 보색 +150° +210°
- BA6873
Dusky Rose
- 3E9871
≈ Ocean Green
- 2192B1
≈ Munsell Blue
사각 배색 +90° +180° +270°
- BA6873
Dusky Rose
- 918632
≈ Lemon Ginger
- 009894
≈ Columbia
- 7A7BC2
≈ Kickstart Purple
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.95:1 · APCA Lc 67
Ag
AA검은색 위
WCAG 5.31:1 · APCA Lc 35
가장 좋은 글자색: #000000
WCAG 5.31:1 (AA) · APCA Lc 35
Contrast pairs
코드 스니펫
CSS
:root {
--dusky-rose: #ba6873;
--dusky-rose-rgb: 186 104 115;
--dusky-rose-oklch: oklch(0.613 0.105 12.1);
}
.element {
color: var(--dusky-rose);
background-color: hsl(352 37% 57%);
border-color: oklch(0.613 0.105 12.1);
}Tailwind CSS v4
@theme {
--color-dusky-rose: #ba6873;
--color-dusky-rose-50: #ffeaec;
--color-dusky-rose-100: #ffdadd;
--color-dusky-rose-200: #fec3c7;
--color-dusky-rose-300: #e8a1a7;
--color-dusky-rose-400: #d5848e;
--color-dusky-rose-500: #c16773;
--color-dusky-rose-600: #a35762;
--color-dusky-rose-700: #83464e;
--color-dusky-rose-800: #61323a;
--color-dusky-rose-900: #442228;
--color-dusky-rose-950: #2c1116;
}SCSS
$dusky-rose: #ba6873;
$dusky-rose-rgb: 186, 104, 115;
$dusky-rose-light: mix(#fff, $dusky-rose, 20%);
$dusky-rose-dark: mix(#000, $dusky-rose, 20%);
.element {
color: $dusky-rose;
box-shadow: 0 0 0 2px rgba($dusky-rose, 0.35);
}