이름 색상 · #532934
Black Rose
Black Rose은(는) #532934: rgb(83 41 52), hsl(344 34% 24%), oklch(0.341 0.064 4.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Black Rose color name →
#532934
oklch(0.341 0.064 4.3)
색상 변환
- HEX
- #532934
- RGB
- rgb(83 41 52)
- HSL
- hsl(344 34% 24%)
- HWB
- hwb(344 16% 67%)
- OKLCH
- oklch(0.341 0.064 4.3)
- OKLab
- oklab(0.341 0.063 0.005)
- CIE Lab
- lab(22.73 20.95 2.12)
- LCH
- lch(22.73 21.06 5.8)
- CMYK
- cmyk(0% 51% 37% 67%)
틴트 · 셰이드 · 톤
틴트
- 643C46
- 745058
- 85646B
- 96787F
- A78E93
- B9A3A8
- CABABD
- DBD0D2
- EDE7E9
셰이드
- 47222C
- 3B1C24
- 30151C
- 250F15
- 1B090E
- 110507
- 080203
- 020101
- 000000
톤
- 58323B
- 5D3A42
- 62434A
- 664B51
- 6B5459
- 6F5C60
- 746568
- 786E70
- 7C7778
색 조화
보색 +180°
- 532934
Black Rose
- 00423C
≈ Warm Black
유사색 -30° +30°
- 532934
Black Rose
- 4C2B45
≈ Murasaki
- 542B21
≈ Momoshio Brown
삼각 배색 +120° +240°
- 532934
Black Rose
- 313E16
≈ Hinterlands Green
- 173B57
≈ Gibraltar Sea
분열 보색 +150° +210°
- 532934
Black Rose
- 194229
≈ Mizukaze Green
- 00404B
≈ Cold and Dark
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 12.10:1 · APCA Lc 97
Ag
Fail검은색 위
WCAG 1.73:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 12.10:1 (AAA) · APCA Lc 97
Contrast pairs
코드 스니펫
CSS
:root {
--black-rose: #532934;
--black-rose-rgb: 83 41 52;
--black-rose-oklch: oklch(0.341 0.064 4.3);
}
.element {
color: var(--black-rose);
background-color: hsl(344 34% 24%);
border-color: oklch(0.341 0.064 4.3);
}Tailwind CSS v4
@theme {
--color-black-rose: #532934;
--color-black-rose-50: #ffeef2;
--color-black-rose-100: #fce0e4;
--color-black-rose-200: #eecad0;
--color-black-rose-300: #d5aab2;
--color-black-rose-400: #c08f9a;
--color-black-rose-500: #ab7581;
--color-black-rose-600: #90636d;
--color-black-rose-700: #744f57;
--color-black-rose-800: #553940;
--color-black-rose-900: #3c272c;
--color-black-rose-950: #251519;
}SCSS
$black-rose: #532934;
$black-rose-rgb: 83, 41, 52;
$black-rose-light: mix(#fff, $black-rose, 20%);
$black-rose-dark: mix(#000, $black-rose, 20%);
.element {
color: $black-rose;
box-shadow: 0 0 0 2px rgba($black-rose, 0.35);
}