이름 색상 · #DD2255
Rose Rush
Rose Rush은(는) #DD2255: rgb(221 34 85), hsl(344 73% 50%), oklch(0.584 0.216 13.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Rose Rush color name →
#DD2255
oklch(0.584 0.216 13.2)
색상 변환
- HEX
- #dd2255
- RGB
- rgb(221 34 85)
- HSL
- hsl(344 73% 50%)
- HWB
- hwb(344 13% 13%)
- OKLCH
- oklch(0.584 0.216 13.2)
- OKLab
- oklab(0.584 0.211 0.049)
- CIE Lab
- lab(49.23 70.12 21.96)
- LCH
- lch(49.23 73.48 17.4)
- CMYK
- cmyk(0% 85% 62% 13%)
틴트 · 셰이드 · 톤
틴트
- E44565
- EA5E75
- EF7585
- F48A96
- F89EA7
- FBB2B8
- FEC5C9
- FFD8DB
- FFECED
셰이드
- C01C49
- A4163D
- 881131
- 6E0B26
- 55071C
- 3D0311
- 260108
- 110002
- 020000
톤
- D5365A
- CE445E
- C64F62
- BD5967
- B4616B
- AB686F
- A26F73
- 977578
- 8C7B7C
색 조화
보색 +180°
- DD2255
Rose Rush
- 008E8C
≈ Corfu Shallows
유사색 -30° +30°
- DD2255
Rose Rush
- CB2F9C
≈ Royal Fuchsia
- CA4F00
≈ Dark Orange
삼각 배색 +120° +240°
- DD2255
Rose Rush
- 518F00
≈ Pistachio Flour
- 007BE2
≈ Bright Navy Blue
분열 보색 +150° +210°
- DD2255
Rose Rush
- 009266
≈ Emerald Lake
- 0089AA
≈ Capri Breeze
사각 배색 +90° +180° +270°
- DD2255
Rose Rush
- 897E00
≈ Olive
- 008E8C
≈ Corfu Shallows
- 715DF4
≈ Candy Grape Fizz
대비 및 접근성
Ag
AA흰색 위
WCAG 4.73:1 · APCA Lc 71
Ag
Fail검은색 위
WCAG 4.43:1 · APCA Lc 31
가장 좋은 글자색: #FFFFFF
WCAG 4.73:1 (AA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--rose-rush: #dd2255;
--rose-rush-rgb: 221 34 85;
--rose-rush-oklch: oklch(0.584 0.216 13.2);
}
.element {
color: var(--rose-rush);
background-color: hsl(344 73% 50%);
border-color: oklch(0.584 0.216 13.2);
}Tailwind CSS v4
@theme {
--color-rose-rush: #dd2255;
--color-rose-rush-50: #ffdce1;
--color-rose-rush-100: #ffcad0;
--color-rose-rush-200: #ffacb6;
--color-rose-rush-300: #ff8393;
--color-rose-rush-400: #ff5979;
--color-rose-rush-500: #f31a5b;
--color-rose-rush-600: #cd1d4e;
--color-rose-rush-700: #a5183e;
--color-rose-rush-800: #7b0e2f;
--color-rose-rush-900: #570a20;
--color-rose-rush-950: #3a000f;
}SCSS
$rose-rush: #dd2255;
$rose-rush-rgb: 221, 34, 85;
$rose-rush-light: mix(#fff, $rose-rush, 20%);
$rose-rush-dark: mix(#000, $rose-rush, 20%);
.element {
color: $rose-rush;
box-shadow: 0 0 0 2px rgba($rose-rush, 0.35);
}