가장 가까운 이름 색상 · #D8356D
#D8356D
가장 가까운 이름 색상: Watermelon Sugar
#D8356D(rgb(216 53 109), hsl(339 68% 53%), oklch(0.593 0.201 5.5))와 가장 가까운 이름 색상은 Watermelon Sugar입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#D8356D
oklch(0.593 0.201 5.5)
색상 변환
- HEX
- #d8356d
- RGB
- rgb(216 53 109)
- HSL
- hsl(339 68% 53%)
- HWB
- hwb(339 21% 15%)
- OKLCH
- oklch(0.593 0.201 5.5)
- OKLab
- oklab(0.593 0.2 0.019)
- CIE Lab
- lab(50.4 65.29 8.66)
- LCH
- lch(50.4 65.86 7.6)
- CMYK
- cmyk(0% 75% 50% 15%)
틴트 · 셰이드 · 톤
틴트
- DF507B
- E56688
- EB7B96
- F08EA5
- F4A1B3
- F8B4C2
- FBC7D1
- FDDAE0
- FEECEF
셰이드
- BC2D5E
- A0254F
- 851D41
- 6B1533
- 530E26
- 3B0819
- 25030D
- 110104
- 020001
톤
- D1426F
- C94D71
- C25673
- BA5D75
- B16477
- A86B78
- 9F717A
- 96767C
- 8B7B7E
색 조화
보색 +180°
- D8356D
Watermelon Sugar
- 009287
≈ Deep Peacock Blue
유사색 -30° +30°
- D8356D
Watermelon Sugar
- C241AC
≈ Ultraviolet Nusp
- DB3E0B
≈ Torii Red
삼각 배색 +120° +240°
- D8356D
Watermelon Sugar
- 698D00
≈ Asparagus Sultan
- 0084D1
≈ Calgar Blue
분열 보색 +150° +210°
- D8356D
Watermelon Sugar
- 009757
≈ Garnish
- 008DA6
≈ Quintana
사각 배색 +90° +180° +270°
- D8356D
Watermelon Sugar
- 957D00
≈ Moscow Papyrus
- 009287
≈ Deep Peacock Blue
- 616BF3
≈ Blue Hepatica
대비 및 접근성
Ag
AA흰색 위
WCAG 4.51:1 · APCA Lc 70
Ag
AA검은색 위
WCAG 4.64:1 · APCA Lc 32
가장 좋은 글자색: #000000
WCAG 4.64:1 (AA) · APCA Lc 32
Contrast pairs
코드 스니펫
CSS
:root {
--watermelon-sugar: #d8356d;
--watermelon-sugar-rgb: 216 53 109;
--watermelon-sugar-oklch: oklch(0.593 0.201 5.5);
}
.element {
color: var(--watermelon-sugar);
background-color: hsl(339 68% 53%);
border-color: oklch(0.593 0.201 5.5);
}Tailwind CSS v4
@theme {
--color-watermelon-sugar: #d8356d;
--color-watermelon-sugar-50: #ffdeeb;
--color-watermelon-sugar-100: #ffccdc;
--color-watermelon-sugar-200: #ffafc5;
--color-watermelon-sugar-300: #ff87a5;
--color-watermelon-sugar-400: #fb608d;
--color-watermelon-sugar-500: #e93073;
--color-watermelon-sugar-600: #c52b61;
--color-watermelon-sugar-700: #9e234e;
--color-watermelon-sugar-800: #76173b;
--color-watermelon-sugar-900: #530f28;
--color-watermelon-sugar-950: #370116;
}SCSS
$watermelon-sugar: #d8356d;
$watermelon-sugar-rgb: 216, 53, 109;
$watermelon-sugar-light: mix(#fff, $watermelon-sugar, 20%);
$watermelon-sugar-dark: mix(#000, $watermelon-sugar, 20%);
.element {
color: $watermelon-sugar;
box-shadow: 0 0 0 2px rgba($watermelon-sugar, 0.35);
}