이름 색상 · #800020
Oxblood
Oxblood은(는) #800020: rgb(128 0 32), hsl(345 100% 25%), oklch(0.38 0.152 18.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Oxblood color name →
#800020
oklch(0.38 0.152 18.6)
색상 변환
- HEX
- #800020
- RGB
- rgb(128 0 32)
- HSL
- hsl(345 100% 25%)
- HWB
- hwb(345 0% 50%)
- OKLCH
- oklch(0.38 0.152 18.6)
- OKLab
- oklab(0.38 0.144 0.049)
- CIE Lab
- lab(26.42 49.05 22.59)
- LCH
- lch(26.42 54 24.7)
- CMYK
- cmyk(0% 100% 75% 50%)
틴트 · 셰이드 · 톤
틴트
- 8F2934
- 9E4349
- AC5A5D
- B97173
- C68889
- D3A0A0
- DEB7B7
- EACFCE
- F5E7E6
셰이드
- 6E001A
- 5D0015
- 4D000F
- 3D000A
- 2E0006
- 1F0003
- 120001
- 060000
- 010000
톤
- 821B2A
- 842B33
- 85383D
- 864346
- 864E4F
- 865859
- 866363
- 846C6C
- 837676
색 조화
보색 +180°
- 800020
Oxblood
- 004D4F
≈ Dark Teal
유사색 -30° +30°
- 800020
Oxblood
- 77094F
≈ Lucky Wine
- 6C2D00
≈ Cold Press Coffee
삼각 배색 +120° +240°
- 800020
Oxblood
- 1A5000
≈ Greeeeeeen
- 003D8D
≈ Mystery Oceans
분열 보색 +150° +210°
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 10.83:1 · APCA Lc 93
Ag
Fail검은색 위
WCAG 1.93:1 · APCA Lc 10
가장 좋은 글자색: #FFFFFF
WCAG 10.83:1 (AAA) · APCA Lc 93
Contrast pairs
코드 스니펫
CSS
:root {
--oxblood: #800020;
--oxblood-rgb: 128 0 32;
--oxblood-oklch: oklch(0.38 0.152 18.6);
}
.element {
color: var(--oxblood);
background-color: hsl(345 100% 25%);
border-color: oklch(0.38 0.152 18.6);
}Tailwind CSS v4
@theme {
--color-oxblood: #800020;
--color-oxblood-50: #ffe5e3;
--color-oxblood-100: #ffd4d2;
--color-oxblood-200: #ffbab9;
--color-oxblood-300: #fc9796;
--color-oxblood-400: #ea757b;
--color-oxblood-500: #d8535e;
--color-oxblood-600: #b74750;
--color-oxblood-700: #93393f;
--color-oxblood-800: #6d282f;
--color-oxblood-900: #4d1b20;
--color-oxblood-950: #330a10;
}SCSS
$oxblood: #800020;
$oxblood-rgb: 128, 0, 32;
$oxblood-light: mix(#fff, $oxblood, 20%);
$oxblood-dark: mix(#000, $oxblood, 20%);
.element {
color: $oxblood;
box-shadow: 0 0 0 2px rgba($oxblood, 0.35);
}