이름 색상 · #CD0317
Re-Entry Red
Re-Entry Red은(는) #CD0317: rgb(205 3 23), hsl(354 97% 41%), oklch(0.534 0.217 26.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Re-Entry Red color name →
#CD0317
oklch(0.534 0.217 26.9)
색상 변환
- HEX
- #cd0317
- RGB
- rgb(205 3 23)
- HSL
- hsl(354 97% 41%)
- HWB
- hwb(354 1% 20%)
- OKLCH
- oklch(0.534 0.217 26.9)
- OKLab
- oklab(0.534 0.193 0.098)
- CIE Lab
- lab(43.8 68.45 50.86)
- LCH
- lch(43.8 85.28 36.6)
- CMYK
- cmyk(0% 99% 89% 20%)
틴트 · 셰이드 · 톤
틴트
- D63834
- DE544C
- E56C62
- EB8378
- F1988E
- F5ADA4
- F9C2BA
- FCD6D1
- FEEBE8
셰이드
- B20212
- 98020E
- 7E010A
- 660106
- 4E0004
- 380002
- 230001
- 0F0000
- 020000
톤
- C72827
- C13A34
- BB473F
- B4524A
- AD5B53
- A6645D
- 9D6C66
- 95736F
- 8B7A77
색 조화
보색 +180°
- CD0317
Re-Entry Red
- 007C88
≈ Cote D’Azur
유사색 -30° +30°
- CD0317
Re-Entry Red
- C4046F
≈ Purple Anxiety
- A35600
≈ Windsor Brown
삼각 배색 +120° +240°
- CD0317
Re-Entry Red
- 00842D
≈ Broccoli Paradise
- 355BE8
≈ Veteran’s Day Blue
분열 보색 +150° +210°
- CD0317
Re-Entry Red
- 007F6C
≈ Mediaeval Forest
- 0076A7
≈ Summer Lake
사각 배색 +90° +180° +270°
- CD0317
Re-Entry Red
- 697500
≈ Topiary Green
- 007C88
≈ Cote D’Azur
- 7E41D8
≈ Hokkaido Lavender
대비 및 접근성
Ag
AA흰색 위
WCAG 5.79:1 · APCA Lc 76
Ag
Fail검은색 위
WCAG 3.62:1 · APCA Lc 25
가장 좋은 글자색: #FFFFFF
WCAG 5.79:1 (AA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--re-entry-red: #cd0317;
--re-entry-red-rgb: 205 3 23;
--re-entry-red-oklch: oklch(0.534 0.217 26.9);
}
.element {
color: var(--re-entry-red);
background-color: hsl(354 97% 41%);
border-color: oklch(0.534 0.217 26.9);
}Tailwind CSS v4
@theme {
--color-re-entry-red: #cd0317;
--color-re-entry-red-50: #ffded2;
--color-re-entry-red-100: #ffcdbe;
--color-re-entry-red-200: #ffaf9e;
--color-re-entry-red-300: #ff8775;
--color-re-entry-red-400: #ff5d53;
--color-re-entry-red-500: #f52228;
--color-re-entry-red-600: #cf2224;
--color-re-entry-red-700: #a61c1d;
--color-re-entry-red-800: #7c1117;
--color-re-entry-red-900: #580b0f;
--color-re-entry-red-950: #3b0003;
}SCSS
$re-entry-red: #cd0317;
$re-entry-red-rgb: 205, 3, 23;
$re-entry-red-light: mix(#fff, $re-entry-red, 20%);
$re-entry-red-dark: mix(#000, $re-entry-red, 20%);
.element {
color: $re-entry-red;
box-shadow: 0 0 0 2px rgba($re-entry-red, 0.35);
}