이름 색상 · #C31E4E
Jazzy
Jazzy은(는) #C31E4E: rgb(195 30 78), hsl(343 73% 44%), oklch(0.533 0.197 11.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Jazzy color name →
#C31E4E
oklch(0.533 0.197 11.8)
색상 변환
- HEX
- #c31e4e
- RGB
- rgb(195 30 78)
- HSL
- hsl(343 73% 44%)
- HWB
- hwb(343 12% 24%)
- OKLCH
- oklch(0.533 0.197 11.8)
- OKLab
- oklab(0.533 0.193 0.04)
- CIE Lab
- lab(43.56 63.74 17.72)
- LCH
- lch(43.56 66.16 15.5)
- CMYK
- cmyk(0% 85% 60% 24%)
틴트 · 셰이드 · 톤
틴트
- CC3F5E
- D5586F
- DD6F80
- E48491
- EA99A3
- F0ADB5
- F5C2C7
- F9D6D9
- FCEBEC
셰이드
- A91943
- 901338
- 780E2D
- 600923
- 4A0519
- 34030F
- 200107
- 0E0002
- 020000
톤
- BE3153
- B93F58
- B44A5D
- AE5462
- A85D67
- A1656C
- 9A6C71
- 927376
- 897A7B
색 조화
보색 +180°
- C31E4E
Jazzy
- 007D7A
≈ Parasailing
유사색 -30° +30°
- C31E4E
Jazzy
- B22A8C
≈ Fandango
- B54200
≈ Martian Ironcrust
삼각 배색 +120° +240°
- C31E4E
Jazzy
- 4B7D00
≈ Green People
- 006DC4
≈ Indigo Carmine
분열 보색 +150° +210°
- C31E4E
Jazzy
- 008157
≈ Irish Beauty
- 007995
≈ Celestial
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 5.80:1 · APCA Lc 77
Ag
Fail검은색 위
WCAG 3.61:1 · APCA Lc 25
가장 좋은 글자색: #FFFFFF
WCAG 5.80:1 (AA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--jazzy: #c31e4e;
--jazzy-rgb: 195 30 78;
--jazzy-oklch: oklch(0.533 0.197 11.8);
}
.element {
color: var(--jazzy);
background-color: hsl(343 73% 44%);
border-color: oklch(0.533 0.197 11.8);
}Tailwind CSS v4
@theme {
--color-jazzy: #c31e4e;
--color-jazzy-50: #ffdfe4;
--color-jazzy-100: #ffcdd4;
--color-jazzy-200: #ffb0bb;
--color-jazzy-300: #ff8999;
--color-jazzy-400: #fb6380;
--color-jazzy-500: #ea3363;
--color-jazzy-600: #c52e54;
--color-jazzy-700: #9f2543;
--color-jazzy-800: #761933;
--color-jazzy-900: #541023;
--color-jazzy-950: #380212;
}SCSS
$jazzy: #c31e4e;
$jazzy-rgb: 195, 30, 78;
$jazzy-light: mix(#fff, $jazzy, 20%);
$jazzy-dark: mix(#000, $jazzy, 20%);
.element {
color: $jazzy;
box-shadow: 0 0 0 2px rgba($jazzy, 0.35);
}