이름 색상 · #73404D
Blood Rose
Blood Rose은(는) #73404D: rgb(115 64 77), hsl(345 28% 35%), oklch(0.437 0.073 4.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Blood Rose color name →
#73404D
oklch(0.437 0.073 4.1)
색상 변환
- HEX
- #73404d
- RGB
- rgb(115 64 77)
- HSL
- hsl(345 28% 35%)
- HWB
- hwb(345 25% 55%)
- OKLCH
- oklch(0.437 0.073 4.1)
- OKLab
- oklab(0.437 0.072 0.005)
- CIE Lab
- lab(33.86 23.95 2.31)
- LCH
- lch(33.86 24.07 5.5)
- CMYK
- cmyk(0% 44% 33% 55%)
틴트 · 셰이드 · 톤
틴트
- 81525D
- 8F636D
- 9D767E
- AB8890
- B99BA1
- C7AFB3
- D5C2C6
- E3D6D9
- F1EAEC
셰이드
- 633642
- 542D37
- 45242C
- 361B22
- 281318
- 1B0B0F
- 0F0507
- 050102
- 010000
톤
- 754752
- 774D57
- 78535C
- 7A5A61
- 7B6066
- 7D666B
- 7E6D70
- 7F7375
- 7F7A7B
색 조화
보색 +180°
- 73404D
Blood Rose
- 105F56
≈ Empress Teal
유사색 -30° +30°
- 73404D
Blood Rose
- 6A4262
≈ Royal Plum
- 744237
≈ Volcanic Brick
삼각 배색 +120° +240°
- 73404D
Blood Rose
- 495929
≈ Trefoil
- 2B5677
≈ Venice Blue
분열 보색 +150° +210°
- 73404D
Blood Rose
- 2E5D3F
≈ Greenbriar
- 0E5C6A
≈ Hero
사각 배색 +90° +180° +270°
- 73404D
Blood Rose
- 5F511D
≈ Tucumán Green
- 105F56
≈ Empress Teal
- 454E7A
≈ Skipper Blue
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.17:1 · APCA Lc 88
Ag
Fail검은색 위
WCAG 2.56:1 · APCA Lc 14
가장 좋은 글자색: #FFFFFF
WCAG 8.17:1 (AAA) · APCA Lc 88
Contrast pairs
코드 스니펫
CSS
:root {
--blood-rose: #73404d;
--blood-rose-rgb: 115 64 77;
--blood-rose-oklch: oklch(0.437 0.073 4.1);
}
.element {
color: var(--blood-rose);
background-color: hsl(345 28% 35%);
border-color: oklch(0.437 0.073 4.1);
}Tailwind CSS v4
@theme {
--color-blood-rose: #73404d;
--color-blood-rose-50: #ffedf2;
--color-blood-rose-100: #ffdee4;
--color-blood-rose-200: #f1c8cf;
--color-blood-rose-300: #d9a9b1;
--color-blood-rose-400: #c48d99;
--color-blood-rose-500: #af7280;
--color-blood-rose-600: #94606d;
--color-blood-rose-700: #774d57;
--color-blood-rose-800: #583840;
--color-blood-rose-900: #3d262c;
--color-blood-rose-950: #271419;
}SCSS
$blood-rose: #73404d;
$blood-rose-rgb: 115, 64, 77;
$blood-rose-light: mix(#fff, $blood-rose, 20%);
$blood-rose-dark: mix(#000, $blood-rose, 20%);
.element {
color: $blood-rose;
box-shadow: 0 0 0 2px rgba($blood-rose, 0.35);
}