이름 색상 · #770011
Blood Brother
Blood Brother은(는) #770011: rgb(119 0 17), hsl(351 100% 23%), oklch(0.359 0.145 24). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Blood Brother color name →
#770011
oklch(0.359 0.145 24)
색상 변환
- HEX
- #770011
- RGB
- rgb(119 0 17)
- HSL
- hsl(351 100% 23%)
- HWB
- hwb(351 0% 53%)
- OKLCH
- oklch(0.359 0.145 24)
- OKLab
- oklab(0.359 0.133 0.059)
- CIE Lab
- lab(24.12 46.25 29.19)
- LCH
- lch(24.12 54.69 32.3)
- CMYK
- cmyk(0% 100% 86% 53%)
틴트 · 셰이드 · 톤
틴트
- 872728
- 96413E
- A55854
- B3706B
- C18782
- CE9E9A
- DBB6B3
- E8CECC
- F3E6E5
셰이드
- 67000D
- 570009
- 470006
- 380004
- 2A0002
- 1C0001
- 100000
- 050000
- 010000
톤
- 7A1A1E
- 7D2929
- 7F3634
- 80423E
- 824D49
- 825754
- 83625F
- 826C6A
- 827675
색 조화
보색 +180°
- 770011
Blood Brother
- 00464C
≈ Incubi Darkness
유사색 -30° +30°
- 770011
Blood Brother
- 700342
≈ Dawn of the Fairies
- 602D00
≈ Count Chocula
삼각 배색 +120° +240°
- 770011
Blood Brother
- 004B0A
≈ Kabocha Green
- 133487
≈ Magnus Blue
분열 보색 +150° +210°
- 770011
Blood Brother
- 00483A
≈ Sherwood Green
- 00425E
≈ Neptune’s Wrath
사각 배색 +90° +180° +270°
- 770011
Blood Brother
- 3D4100
≈ Green Not Found
- 00464C
≈ Incubi Darkness
- 44247F
≈ Galactic Civilization
대비 및 접근성
Ag
AAA흰색 위
WCAG 11.71:1 · APCA Lc 95
Ag
Fail검은색 위
WCAG 1.79:1 · APCA Lc 8
가장 좋은 글자색: #FFFFFF
WCAG 11.71:1 (AAA) · APCA Lc 95
Contrast pairs
코드 스니펫
CSS
:root {
--blood-brother: #770011;
--blood-brother-rgb: 119 0 17;
--blood-brother-oklch: oklch(0.359 0.145 24);
}
.element {
color: var(--blood-brother);
background-color: hsl(351 100% 23%);
border-color: oklch(0.359 0.145 24);
}Tailwind CSS v4
@theme {
--color-blood-brother: #770011;
--color-blood-brother-50: #ffe6e0;
--color-blood-brother-100: #ffd6cf;
--color-blood-brother-200: #ffbdb4;
--color-blood-brother-300: #f99990;
--color-blood-brother-400: #e87974;
--color-blood-brother-500: #d55755;
--color-blood-brother-600: #b44b48;
--color-blood-brother-700: #913c39;
--color-blood-brother-800: #6c2a2b;
--color-blood-brother-900: #4c1c1d;
--color-blood-brother-950: #320c0d;
}SCSS
$blood-brother: #770011;
$blood-brother-rgb: 119, 0, 17;
$blood-brother-light: mix(#fff, $blood-brother, 20%);
$blood-brother-dark: mix(#000, $blood-brother, 20%);
.element {
color: $blood-brother;
box-shadow: 0 0 0 2px rgba($blood-brother, 0.35);
}