이름 색상 · #D85DA1
Sugar Rush
Sugar Rush은(는) #D85DA1: rgb(216 93 161), hsl(327 61% 61%), oklch(0.652 0.171 348.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Sugar Rush color name →
#D85DA1
oklch(0.652 0.171 348.6)
색상 변환
- HEX
- #d85da1
- RGB
- rgb(216 93 161)
- HSL
- hsl(327 61% 61%)
- HWB
- hwb(327 36% 15%)
- OKLCH
- oklch(0.652 0.171 348.6)
- OKLab
- oklab(0.652 0.168 -0.034)
- CIE Lab
- lab(57.35 54.4 -12.14)
- LCH
- lch(57.35 55.74 347.4)
- CMYK
- cmyk(0% 57% 25% 15%)
틴트 · 셰이드 · 톤
틴트
- DE6FAA
- E37FB3
- E890BD
- EDA0C6
- F1B0CF
- F5C0D9
- F8CFE2
- FBDFEC
- FDEFF5
셰이드
- BC508B
- A04376
- 853762
- 6B2A4E
- 531F3C
- 3B142A
- 250A19
- 110309
- 020001
톤
- D0629E
- C8679A
- C06B97
- B76F94
- AF7391
- A6768D
- 9D798A
- 947B87
- 8A7E83
색 조화
보색 +180°
- D85DA1
Sugar Rush
- 00A981
≈ Simply Green
유사색 -30° +30°
- D85DA1
Sugar Rush
- BB69D2
≈ Rich Lilac
- E55B66
≈ Aphrodisiac
삼각 배색 +120° +240°
- D85DA1
Sugar Rush
- 989600
≈ Turtle Moss
- 009ECD
≈ Structural Blue
분열 보색 +150° +210°
- D85DA1
Sugar Rush
- 53A735
≈ Ballyhoo
- 00A4A9
≈ Wax Crayon Blue
사각 배색 +90° +180° +270°
- D85DA1
Sugar Rush
- BC8400
≈ Yellow Gold
- 00A981
≈ Simply Green
- 498EF6
≈ Blue Elemental
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.49:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 6.00:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 6.00:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
CSS
:root {
--sugar-rush: #d85da1;
--sugar-rush-rgb: 216 93 161;
--sugar-rush-oklch: oklch(0.652 0.171 348.6);
}
.element {
color: var(--sugar-rush);
background-color: hsl(327 61% 61%);
border-color: oklch(0.652 0.171 348.6);
}Tailwind CSS v4
@theme {
--color-sugar-rush: #d85da1;
--color-sugar-rush-50: #ffe2fc;
--color-sugar-rush-100: #ffd1ef;
--color-sugar-rush-200: #ffb6de;
--color-sugar-rush-300: #f891c3;
--color-sugar-rush-400: #e56faf;
--color-sugar-rush-500: #d34b99;
--color-sugar-rush-600: #b24181;
--color-sugar-rush-700: #8f3367;
--color-sugar-rush-800: #6a244e;
--color-sugar-rush-900: #4a1836;
--color-sugar-rush-950: #310821;
}SCSS
$sugar-rush: #d85da1;
$sugar-rush-rgb: 216, 93, 161;
$sugar-rush-light: mix(#fff, $sugar-rush, 20%);
$sugar-rush-dark: mix(#000, $sugar-rush, 20%);
.element {
color: $sugar-rush;
box-shadow: 0 0 0 2px rgba($sugar-rush, 0.35);
}