이름 색상 · #B03060
Blood Thorn
Blood Thorn은(는) #B03060: rgb(176 48 96), hsl(338 57% 44%), oklch(0.518 0.168 2.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Blood Thorn color name →
#B03060
oklch(0.518 0.168 2.4)
색상 변환
- HEX
- #b03060
- RGB
- rgb(176 48 96)
- HSL
- hsl(338 57% 44%)
- HWB
- hwb(338 19% 31%)
- OKLCH
- oklch(0.518 0.168 2.4)
- OKLab
- oklab(0.518 0.168 0.007)
- CIE Lab
- lab(41.98 54.41 3.55)
- LCH
- lch(41.98 54.53 3.7)
- CMYK
- cmyk(0% 73% 45% 31%)
틴트 · 셰이드 · 톤
틴트
- BA486F
- C45E7D
- CD738D
- D6879C
- DE9BAC
- E6AEBC
- EDC2CC
- F4D6DD
- FAEBEE
셰이드
- 992852
- 822145
- 6C1A38
- 56132C
- 420C20
- 2E0615
- 1C030A
- 0B0103
- 010000
톤
- AD3C63
- A94666
- A64F69
- A1576D
- 9D5F70
- 986673
- 936D76
- 8D7379
- 877A7D
색 조화
보색 +180°
- B03060
Blood Thorn
- 00796D
≈ Pond Moss
유사색 -30° +30°
- B03060
Blood Thorn
- 9D3A92
≈ Purple Cactus Flower
- B4351E
≈ Smouldering
삼각 배색 +120° +240°
- B03060
Blood Thorn
- 5C7300
≈ Topiary Green
- 006EA9
≈ Bowen Blue
분열 보색 +150° +210°
- B03060
Blood Thorn
- 007D3F
≈ Tokiwa Green
- 007587
≈ Glamour Green
사각 배색 +90° +180° +270°
- B03060
Blood Thorn
- 7E6600
≈ Arousing Alligator
- 00796D
≈ Pond Moss
- 4A5BC7
≈ Free Speech Blue
대비 및 접근성
Ag
AA흰색 위
WCAG 6.10:1 · APCA Lc 79
Ag
Fail검은색 위
WCAG 3.43:1 · APCA Lc 22
가장 좋은 글자색: #FFFFFF
WCAG 6.10:1 (AA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--blood-thorn: #b03060;
--blood-thorn-rgb: 176 48 96;
--blood-thorn-oklch: oklch(0.518 0.168 2.4);
}
.element {
color: var(--blood-thorn);
background-color: hsl(338 57% 44%);
border-color: oklch(0.518 0.168 2.4);
}Tailwind CSS v4
@theme {
--color-blood-thorn: #b03060;
--color-blood-thorn-50: #ffe2ef;
--color-blood-thorn-100: #ffd1e1;
--color-blood-thorn-200: #ffb6cb;
--color-blood-thorn-300: #fe91ad;
--color-blood-thorn-400: #ec6f96;
--color-blood-thorn-500: #da497d;
--color-blood-thorn-600: #b83f6a;
--color-blood-thorn-700: #943354;
--color-blood-thorn-800: #6e2340;
--color-blood-thorn-900: #4d182c;
--color-blood-thorn-950: #330819;
}SCSS
$blood-thorn: #b03060;
$blood-thorn-rgb: 176, 48, 96;
$blood-thorn-light: mix(#fff, $blood-thorn, 20%);
$blood-thorn-dark: mix(#000, $blood-thorn, 20%);
.element {
color: $blood-thorn;
box-shadow: 0 0 0 2px rgba($blood-thorn, 0.35);
}