이름 색상 · #CA1B1B
Red Rhapsody
Red Rhapsody은(는) #CA1B1B: rgb(202 27 27), hsl(0 76% 45%), oklch(0.537 0.206 27.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Red Rhapsody color name →
#CA1B1B
oklch(0.537 0.206 27.9)
색상 변환
- HEX
- #ca1b1b
- RGB
- rgb(202 27 27)
- HSL
- hsl(0 76% 45%)
- HWB
- hwb(0 11% 21%)
- OKLCH
- oklch(0.537 0.206 27.9)
- OKLab
- oklab(0.537 0.182 0.096)
- CIE Lab
- lab(44.22 64.81 48.88)
- LCH
- lch(44.22 81.18 37)
- CMYK
- cmyk(0% 87% 87% 21%)
틴트 · 셰이드 · 톤
틴트
- D33F36
- DB594E
- E27064
- E88579
- EE9A8F
- F3AFA5
- F8C3BB
- FBD7D1
- FDEBE8
셰이드
- AF1616
- 951111
- 7C0C0C
- 640808
- 4D0505
- 370202
- 220101
- 0F0000
- 020000
톤
- C4312A
- BF3F36
- B94B41
- B2554B
- AB5E54
- A4655D
- 9C6D66
- 94746F
- 8A7A78
색 조화
보색 +180°
- CA1B1B
Red Rhapsody
- 007C89
≈ Cote D’Azur
유사색 -30° +30°
- CA1B1B
Red Rhapsody
- C2196E
≈ Spiced Purple
- A35700
≈ Windsor Brown
삼각 배색 +120° +240°
- CA1B1B
Red Rhapsody
- 008532
≈ Broccoli Paradise
- 3C5DE3
≈ Veteran’s Day Blue
분열 보색 +150° +210°
- CA1B1B
Red Rhapsody
- 00806E
≈ Tropical Green
- 0076AA
≈ Deluge
사각 배색 +90° +180° +270°
- CA1B1B
Red Rhapsody
- 687700
≈ Topiary Green
- 007C89
≈ Cote D’Azur
- 7F45D3
≈ Aconite Purple
대비 및 접근성
Ag
AA흰색 위
WCAG 5.70:1 · APCA Lc 76
Ag
Fail검은색 위
WCAG 3.68:1 · APCA Lc 25
가장 좋은 글자색: #FFFFFF
WCAG 5.70:1 (AA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--red-rhapsody: #ca1b1b;
--red-rhapsody-rgb: 202 27 27;
--red-rhapsody-oklch: oklch(0.537 0.206 27.9);
}
.element {
color: var(--red-rhapsody);
background-color: hsl(0 76% 45%);
border-color: oklch(0.537 0.206 27.9);
}Tailwind CSS v4
@theme {
--color-red-rhapsody: #ca1b1b;
--color-red-rhapsody-50: #ffe0d3;
--color-red-rhapsody-100: #ffcebf;
--color-red-rhapsody-200: #ffb2a0;
--color-red-rhapsody-300: #ff8a76;
--color-red-rhapsody-400: #ff6255;
--color-red-rhapsody-500: #f0302b;
--color-red-rhapsody-600: #cb2c26;
--color-red-rhapsody-700: #a3231e;
--color-red-rhapsody-800: #7a1718;
--color-red-rhapsody-900: #560f0f;
--color-red-rhapsody-950: #3a0103;
}SCSS
$red-rhapsody: #ca1b1b;
$red-rhapsody-rgb: 202, 27, 27;
$red-rhapsody-light: mix(#fff, $red-rhapsody, 20%);
$red-rhapsody-dark: mix(#000, $red-rhapsody, 20%);
.element {
color: $red-rhapsody;
box-shadow: 0 0 0 2px rgba($red-rhapsody, 0.35);
}