이름 색상 · #882200
Bloodline
Bloodline은(는) #882200: rgb(136 34 0), hsl(15 100% 27%), oklch(0.416 0.142 36). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Bloodline color name →
#882200
oklch(0.416 0.142 36)
색상 변환
- HEX
- #882200
- RGB
- rgb(136 34 0)
- HSL
- hsl(15 100% 27%)
- HWB
- hwb(15 0% 47%)
- OKLCH
- oklch(0.416 0.142 36)
- OKLab
- oklab(0.416 0.115 0.084)
- CIE Lab
- lab(30.94 42.74 43.94)
- LCH
- lch(30.94 61.3 45.8)
- CMYK
- cmyk(0% 75% 100% 47%)
틴트 · 셰이드 · 톤
틴트
- 963B23
- A3513B
- B06753
- BD7C6A
- C99182
- D4A79A
- E0BDB3
- EAD2CC
- F5E9E5
셰이드
- 751C00
- 631600
- 521100
- 410B00
- 310700
- 220300
- 130100
- 060000
- 010000
톤
- 892F16
- 893A25
- 8A4432
- 8A4E3D
- 895649
- 885F54
- 87685F
- 85706A
- 837875
색 조화
보색 +180°
- 882200
Bloodline
- 005565
≈ Rainy Morning
유사색 -30° +30°
- 882200
Bloodline
- 861C40
≈ Atlas Red
- 6D4000
≈ Bloodtracker Brown
삼각 배색 +120° +240°
- 882200
Bloodline
- 005B33
≈ Crusoe
- 3A3F97
≈ Blueberry
분열 보색 +150° +210°
- 882200
Bloodline
- 005852
≈ Castleton Green
- 004F82
≈ Snorkel Blue
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.22:1 · APCA Lc 90
Ag
Fail검은색 위
WCAG 2.27:1 · APCA Lc 12
가장 좋은 글자색: #FFFFFF
WCAG 9.22:1 (AAA) · APCA Lc 90
Contrast pairs
코드 스니펫
CSS
:root {
--bloodline: #882200;
--bloodline-rgb: 136 34 0;
--bloodline-oklch: oklch(0.416 0.142 36);
}
.element {
color: var(--bloodline);
background-color: hsl(15 100% 27%);
border-color: oklch(0.416 0.142 36);
}Tailwind CSS v4
@theme {
--color-bloodline: #882200;
--color-bloodline-50: #ffe8d8;
--color-bloodline-100: #ffd8c6;
--color-bloodline-200: #ffc0a8;
--color-bloodline-300: #f69d82;
--color-bloodline-400: #e57d61;
--color-bloodline-500: #d35d3d;
--color-bloodline-600: #b24f35;
--color-bloodline-700: #8f3f2a;
--color-bloodline-800: #6b2d1f;
--color-bloodline-900: #4b1e14;
--color-bloodline-950: #310d06;
}SCSS
$bloodline: #882200;
$bloodline-rgb: 136, 34, 0;
$bloodline-light: mix(#fff, $bloodline, 20%);
$bloodline-dark: mix(#000, $bloodline, 20%);
.element {
color: $bloodline;
box-shadow: 0 0 0 2px rgba($bloodline, 0.35);
}