이름 색상 · #CA3767
Raspberry Jam
Raspberry Jam은(는) #CA3767: rgb(202 55 103), hsl(340 58% 50%), oklch(0.57 0.185 5.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Raspberry Jam color name →
#CA3767
oklch(0.57 0.185 5.8)
색상 변환
- HEX
- #ca3767
- RGB
- rgb(202 55 103)
- HSL
- hsl(340 58% 50%)
- HWB
- hwb(340 22% 21%)
- OKLCH
- oklch(0.57 0.185 5.8)
- OKLab
- oklab(0.57 0.184 0.019)
- CIE Lab
- lab(47.88 60.28 8.35)
- LCH
- lch(47.88 60.85 7.9)
- CMYK
- cmyk(0% 73% 49% 21%)
틴트 · 셰이드 · 톤
틴트
- D25075
- DA6583
- E07992
- E78DA1
- ECA0B0
- F2B3BF
- F6C6CF
- FAD9DF
- FDECEF
셰이드
- AF2E59
- 95264B
- 7C1E3D
- 641630
- 4D0F23
- 370817
- 22030C
- 0F0104
- 020000
톤
- C44369
- BE4C6C
- B8556E
- B15D71
- AA6473
- A36A76
- 9B7078
- 93767B
- 8A7B7D
색 조화
보색 +180°
- CA3767
Raspberry Jam
- 008A80
≈ Clear Turquoise
유사색 -30° +30°
- CA3767
Raspberry Jam
- B641A0
≈ Ultraviolet Nusp
- CD3F14
≈ Sauce Piquante
삼각 배색 +120° +240°
- CA3767
Raspberry Jam
- 638500
≈ Enchanted Forest
- 007DC7
≈ Blue Aster
분열 보색 +150° +210°
- CA3767
Raspberry Jam
- 008F53
≈ Moss
- 00869D
≈ Eastern Blue
사각 배색 +90° +180° +270°
- CA3767
Raspberry Jam
- 8C7600
≈ Vermin Brown
- 008A80
≈ Clear Turquoise
- 5D66E2
≈ Exodus Fruit
대비 및 접근성
Ag
AA흰색 위
WCAG 4.93:1 · APCA Lc 73
Ag
Fail검은색 위
WCAG 4.25:1 · APCA Lc 29
가장 좋은 글자색: #FFFFFF
WCAG 4.93:1 (AA) · APCA Lc 73
Contrast pairs
코드 스니펫
CSS
:root {
--raspberry-jam: #ca3767;
--raspberry-jam-rgb: 202 55 103;
--raspberry-jam-oklch: oklch(0.57 0.185 5.8);
}
.element {
color: var(--raspberry-jam);
background-color: hsl(340 58% 50%);
border-color: oklch(0.57 0.185 5.8);
}Tailwind CSS v4
@theme {
--color-raspberry-jam: #ca3767;
--color-raspberry-jam-50: #ffe0eb;
--color-raspberry-jam-100: #ffcfdc;
--color-raspberry-jam-200: #ffb2c5;
--color-raspberry-jam-300: #ff8ca6;
--color-raspberry-jam-400: #f5678e;
--color-raspberry-jam-500: #e33d74;
--color-raspberry-jam-600: #c03662;
--color-raspberry-jam-700: #9a2b4e;
--color-raspberry-jam-800: #731d3b;
--color-raspberry-jam-900: #511429;
--color-raspberry-jam-950: #360416;
}SCSS
$raspberry-jam: #ca3767;
$raspberry-jam-rgb: 202, 55, 103;
$raspberry-jam-light: mix(#fff, $raspberry-jam, 20%);
$raspberry-jam-dark: mix(#000, $raspberry-jam, 20%);
.element {
color: $raspberry-jam;
box-shadow: 0 0 0 2px rgba($raspberry-jam, 0.35);
}