이름 색상 · #E24666
Rouge Red
Rouge Red은(는) #E24666: rgb(226 70 102), hsl(348 73% 58%), oklch(0.624 0.192 12.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Rouge Red color name →
#E24666
oklch(0.624 0.192 12.8)
색상 변환
- HEX
- #e24666
- RGB
- rgb(226 70 102)
- HSL
- hsl(348 73% 58%)
- HWB
- hwb(348 27% 11%)
- OKLCH
- oklch(0.624 0.192 12.8)
- OKLab
- oklab(0.624 0.187 0.042)
- CIE Lab
- lab(54.15 62.34 18.34)
- LCH
- lch(54.15 64.98 16.4)
- CMYK
- cmyk(0% 69% 55% 11%)
틴트 · 셰이드 · 톤
틴트
- E85D74
- ED7183
- F18492
- F596A1
- F9A8B0
- FBB9BF
- FDCBCF
- FFDCDF
- FFEEEF
셰이드
- C43C58
- A8324A
- 8C283C
- 711E2F
- 571523
- 3E0D17
- 27050C
- 120204
- 030000
톤
- DA5069
- D1586B
- C85F6E
- BF6571
- B66B73
- AC7076
- A27479
- 97797B
- 8C7C7E
색 조화
보색 +180°
- E24666
Rouge Red
- 009B99
≈ Regula Barbara Blue
유사색 -30° +30°
- E24666
Rouge Red
- D14CA6
≈ Krameria
- DE5600
≈ Raging Leaf
삼각 배색 +120° +240°
- E24666
Rouge Red
- 5B9C00
≈ Gecko’s Dream
- 0087F5
≈ Too Blue to Be True
분열 보색 +150° +210°
- E24666
Rouge Red
- 00A06F
≈ Surgeon
- 0096BA
≈ Bondi Blue
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.96:1 · APCA Lc 66
Ag
AA검은색 위
WCAG 5.30:1 · APCA Lc 36
가장 좋은 글자색: #000000
WCAG 5.30:1 (AA) · APCA Lc 36
Contrast pairs
코드 스니펫
CSS
:root {
--rouge-red: #e24666;
--rouge-red-rgb: 226 70 102;
--rouge-red-oklch: oklch(0.624 0.192 12.8);
}
.element {
color: var(--rouge-red);
background-color: hsl(348 73% 58%);
border-color: oklch(0.624 0.192 12.8);
}Tailwind CSS v4
@theme {
--color-rouge-red: #e24666;
--color-rouge-red-50: #ffdfe4;
--color-rouge-red-100: #ffced4;
--color-rouge-red-200: #ffb2ba;
--color-rouge-red-300: #ff8b98;
--color-rouge-red-400: #fa657e;
--color-rouge-red-500: #e83862;
--color-rouge-red-600: #c43253;
--color-rouge-red-700: #9e2842;
--color-rouge-red-800: #761b32;
--color-rouge-red-900: #531222;
--color-rouge-red-950: #370311;
}SCSS
$rouge-red: #e24666;
$rouge-red-rgb: 226, 70, 102;
$rouge-red-light: mix(#fff, $rouge-red, 20%);
$rouge-red-dark: mix(#000, $rouge-red, 20%);
.element {
color: $rouge-red;
box-shadow: 0 0 0 2px rgba($rouge-red, 0.35);
}