가장 가까운 이름 색상 · #BC2438
#BC2438
가장 가까운 이름 색상: Cardinal
#BC2438(rgb(188 36 56), hsl(352 68% 44%), oklch(0.52 0.186 20.4))와 가장 가까운 이름 색상은 Cardinal입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#BC2438
oklch(0.52 0.186 20.4)
색상 변환
- HEX
- #bc2438
- RGB
- rgb(188 36 56)
- HSL
- hsl(352 68% 44%)
- HWB
- hwb(352 14% 26%)
- OKLCH
- oklch(0.52 0.186 20.4)
- OKLab
- oklab(0.52 0.174 0.065)
- CIE Lab
- lab(42.3 59.58 29.49)
- LCH
- lch(42.3 66.48 26.3)
- CMYK
- cmyk(0% 81% 70% 26%)
틴트 · 셰이드 · 톤
틴트
- C6424B
- CF5A5E
- D77071
- DF8584
- E69998
- EDAEAC
- F2C2C0
- F7D6D5
- FCEBEA
셰이드
- A31E2F
- 8B1827
- 73121F
- 5D0C17
- 47070F
- 320408
- 1F0204
- 0D0001
- 020000
톤
- B83440
- B34147
- AF4B4F
- A95556
- A45D5D
- 9E6564
- 986C6B
- 907372
- 897A79
색 조화
보색 +180°
- BC2438
Cardinal
- 00787D
≈ Hypnotic Sea
유사색 -30° +30°
- BC2438
Cardinal
- B02877
≈ Festival Fuchsia
- A44C00
≈ Cinnamon Bun
삼각 배색 +120° +240°
- BC2438
Cardinal
- 207E00
≈ Napier Green
- 1E61D1
≈ Janitor
분열 보색 +150° +210°
- BC2438
Cardinal
- 007B60
≈ Emerald Dream
- 007399
≈ Enchanted Blue
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 6.09:1 · APCA Lc 79
Ag
Fail검은색 위
WCAG 3.44:1 · APCA Lc 23
가장 좋은 글자색: #FFFFFF
WCAG 6.09:1 (AA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--cardinal: #bc2438;
--cardinal-rgb: 188 36 56;
--cardinal-oklch: oklch(0.52 0.186 20.4);
}
.element {
color: var(--cardinal);
background-color: hsl(352 68% 44%);
border-color: oklch(0.52 0.186 20.4);
}Tailwind CSS v4
@theme {
--color-cardinal: #bc2438;
--color-cardinal-50: #ffe1dd;
--color-cardinal-100: #ffd0cc;
--color-cardinal-200: #ffb4b0;
--color-cardinal-300: #ff8e8b;
--color-cardinal-400: #f9696f;
--color-cardinal-500: #e73e4f;
--color-cardinal-600: #c33743;
--color-cardinal-700: #9d2c35;
--color-cardinal-800: #751e28;
--color-cardinal-900: #53141b;
--color-cardinal-950: #37040c;
}SCSS
$cardinal: #bc2438;
$cardinal-rgb: 188, 36, 56;
$cardinal-light: mix(#fff, $cardinal, 20%);
$cardinal-dark: mix(#000, $cardinal, 20%);
.element {
color: $cardinal;
box-shadow: 0 0 0 2px rgba($cardinal, 0.35);
}