이름 색상 · #B63731
Red Obsession
Red Obsession은(는) #B63731: rgb(182 55 49), hsl(3 58% 45%), oklch(0.525 0.164 27.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Red Obsession color name →
#B63731
oklch(0.525 0.164 27.1)
색상 변환
- HEX
- #b63731
- RGB
- rgb(182 55 49)
- HSL
- hsl(3 58% 45%)
- HWB
- hwb(3 19% 29%)
- OKLCH
- oklch(0.525 0.164 27.1)
- OKLab
- oklab(0.525 0.146 0.075)
- CIE Lab
- lab(43.26 51.51 34.37)
- LCH
- lch(43.26 61.92 33.7)
- CMYK
- cmyk(0% 70% 73% 29%)
틴트 · 셰이드 · 톤
틴트
- C04E46
- C96359
- D2776D
- DA8B81
- E29E96
- E9B1AA
- EFC5BF
- F5D8D4
- FAEBE9
셰이드
- 9E2E29
- 862622
- 6F1E1A
- 591613
- 440F0C
- 300806
- 1D0303
- 0C0101
- 020000
톤
- B2423A
- AE4B43
- AA534B
- A55B53
- A0625B
- 9B6862
- 956F6A
- 8E7571
- 887A79
색 조화
보색 +180°
- B63731
Red Obsession
- 007885
≈ Biscay Bay
유사색 -30° +30°
- B63731
Red Obsession
- AF356B
≈ Rich Maroon
- 9F5300
≈ Fresh Cinnamon
삼각 배색 +120° +240°
- B63731
Red Obsession
- 00812D
≈ Azure Radiance
- 4061C8
≈ God of Rain
분열 보색 +150° +210°
- B63731
Red Obsession
- 007C69
≈ Mediaeval Forest
- 0072A4
≈ Quarterdeck
사각 배색 +90° +180° +270°
- B63731
Red Obsession
- 667200
≈ Brownish Green
- 007885
≈ Biscay Bay
- 764FBC
≈ Fuchsia Blue
대비 및 접근성
Ag
AA흰색 위
WCAG 5.86:1 · APCA Lc 78
Ag
Fail검은색 위
WCAG 3.57:1 · APCA Lc 24
가장 좋은 글자색: #FFFFFF
WCAG 5.86:1 (AA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--red-obsession: #b63731;
--red-obsession-rgb: 182 55 49;
--red-obsession-oklch: oklch(0.525 0.164 27.1);
}
.element {
color: var(--red-obsession);
background-color: hsl(3 58% 45%);
border-color: oklch(0.525 0.164 27.1);
}Tailwind CSS v4
@theme {
--color-red-obsession: #b63731;
--color-red-obsession-50: #ffe4da;
--color-red-obsession-100: #ffd4c8;
--color-red-obsession-200: #ffbaac;
--color-red-obsession-300: #ff9586;
--color-red-obsession-400: #f07367;
--color-red-obsession-500: #de4e46;
--color-red-obsession-600: #bb443c;
--color-red-obsession-700: #97362f;
--color-red-obsession-800: #712523;
--color-red-obsession-900: #4f1917;
--color-red-obsession-950: #340909;
}SCSS
$red-obsession: #b63731;
$red-obsession-rgb: 182, 55, 49;
$red-obsession-light: mix(#fff, $red-obsession, 20%);
$red-obsession-dark: mix(#000, $red-obsession, 20%);
.element {
color: $red-obsession;
box-shadow: 0 0 0 2px rgba($red-obsession, 0.35);
}