이름 색상 · #DC506E
Rosy Cheeks
Rosy Cheeks은(는) #DC506E: rgb(220 80 110), hsl(347 67% 59%), oklch(0.627 0.175 10.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Rosy Cheeks color name →
#DC506E
oklch(0.627 0.175 10.8)
색상 변환
- HEX
- #dc506e
- RGB
- rgb(220 80 110)
- HSL
- hsl(347 67% 59%)
- HWB
- hwb(347 31% 14%)
- OKLCH
- oklch(0.627 0.175 10.8)
- OKLab
- oklab(0.627 0.172 0.033)
- CIE Lab
- lab(54.68 57.13 14.09)
- LCH
- lch(54.68 58.85 13.9)
- CMYK
- cmyk(0% 64% 50% 14%)
틴트 · 셰이드 · 톤
틴트
- E2647C
- E77789
- EC8897
- F19AA6
- F5ABB4
- F8BCC3
- FBCCD2
- FDDDE1
- FEEEF0
셰이드
- BF445F
- A33950
- 882E41
- 6E2433
- 541A26
- 3C1019
- 26070E
- 110204
- 020001
톤
- D45770
- CC5E72
- C36474
- BB6975
- B26E77
- A97279
- 9F767B
- 95797D
- 8B7D7E
색 조화
보색 +180°
- DC506E
Rosy Cheeks
- 009C97
≈ Caribbean Turquoise
유사색 -30° +30°
- DC506E
Rosy Cheeks
- CB55A7
≈ Pú Táo Zǐ Purple
- DC5A22
≈ War Paint Red
삼각 배색 +120° +240°
- DC506E
Rosy Cheeks
- 629B00
≈ Gecko’s Dream
- 138AED
≈ Bleu de France
분열 보색 +150° +210°
- DC506E
Rosy Cheeks
- 00A16B
≈ Biel-Tan Green
- 0097B8
≈ Bondi Blue
사각 배색 +90° +180° +270°
- DC506E
Rosy Cheeks
- 9A8900
≈ Medusa Green
- 009C97
≈ Caribbean Turquoise
- 7876EE
≈ Hera Blue
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.87:1 · APCA Lc 65
Ag
AA검은색 위
WCAG 5.41:1 · APCA Lc 36
가장 좋은 글자색: #000000
WCAG 5.41:1 (AA) · APCA Lc 36
Contrast pairs
코드 스니펫
CSS
:root {
--rosy-cheeks: #dc506e;
--rosy-cheeks-rgb: 220 80 110;
--rosy-cheeks-oklch: oklch(0.627 0.175 10.8);
}
.element {
color: var(--rosy-cheeks);
background-color: hsl(347 67% 59%);
border-color: oklch(0.627 0.175 10.8);
}Tailwind CSS v4
@theme {
--color-rosy-cheeks: #dc506e;
--color-rosy-cheeks-50: #ffe1e7;
--color-rosy-cheeks-100: #ffd0d7;
--color-rosy-cheeks-200: #ffb5bf;
--color-rosy-cheeks-300: #ff8f9e;
--color-rosy-cheeks-400: #f26c85;
--color-rosy-cheeks-500: #e14469;
--color-rosy-cheeks-600: #be3b59;
--color-rosy-cheeks-700: #992f47;
--color-rosy-cheeks-800: #722136;
--color-rosy-cheeks-900: #501625;
--color-rosy-cheeks-950: #350613;
}SCSS
$rosy-cheeks: #dc506e;
$rosy-cheeks-rgb: 220, 80, 110;
$rosy-cheeks-light: mix(#fff, $rosy-cheeks, 20%);
$rosy-cheeks-dark: mix(#000, $rosy-cheeks, 20%);
.element {
color: $rosy-cheeks;
box-shadow: 0 0 0 2px rgba($rosy-cheeks, 0.35);
}