이름 색상 · #D28085
Victorian Rouge
Victorian Rouge은(는) #D28085: rgb(210 128 133), hsl(356 48% 66%), oklch(0.688 0.102 16.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Victorian Rouge color name →
#D28085
oklch(0.688 0.102 16.1)
색상 변환
- HEX
- #d28085
- RGB
- rgb(210 128 133)
- HSL
- hsl(356 48% 66%)
- HWB
- hwb(356 50% 18%)
- OKLCH
- oklch(0.688 0.102 16.1)
- OKLab
- oklab(0.688 0.098 0.028)
- CIE Lab
- lab(62.71 32.94 11.54)
- LCH
- lch(62.71 34.9 19.3)
- CMYK
- cmyk(0% 39% 37% 18%)
틴트 · 셰이드 · 톤
틴트
- D88D91
- DD999C
- E2A6A8
- E7B2B4
- EBBFC0
- F0CCCD
- F4D8D9
- F8E5E6
- FCF2F2
셰이드
- B66E73
- 9B5D61
- 814D50
- 683D40
- 502E30
- 391F21
- 241213
- 100606
- 020101
톤
- CA8085
- C28184
- BA8184
- B28183
- AA8183
- A28182
- 9A8182
- 918181
- 898081
색 조화
보색 +180°
- D28085
Victorian Rouge
- 39AEAF
≈ Pluto
유사색 -30° +30°
- D28085
Victorian Rouge
- C881A8
≈ Moonlight Mauve
- CF8664
≈ Escalope
삼각 배색 +120° +240°
- D28085
Victorian Rouge
- 7EA969
≈ Organic Green
- 709DD9
≈ Ice Blue
분열 보색 +150° +210°
- D28085
Victorian Rouge
- 54AF8C
≈ O’grady Green
- 4AA7CB
≈ Mystic Blue
사각 배색 +90° +180° +270°
- D28085
Victorian Rouge
- A39F50
≈ Reed Green
- 39AEAF
≈ Pluto
- 9591D7
≈ Portage
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.93:1 · APCA Lc 56
Ag
AAA검은색 위
WCAG 7.16:1 · APCA Lc 46
가장 좋은 글자색: #000000
WCAG 7.16:1 (AAA) · APCA Lc 46
Contrast pairs
코드 스니펫
CSS
:root {
--victorian-rouge: #d28085;
--victorian-rouge-rgb: 210 128 133;
--victorian-rouge-oklch: oklch(0.688 0.102 16.1);
}
.element {
color: var(--victorian-rouge);
background-color: hsl(356 48% 66%);
border-color: oklch(0.688 0.102 16.1);
}Tailwind CSS v4
@theme {
--color-victorian-rouge: #d28085;
--color-victorian-rouge-50: #ffeaea;
--color-victorian-rouge-100: #ffdbdb;
--color-victorian-rouge-200: #fdc3c4;
--color-victorian-rouge-300: #e7a3a4;
--color-victorian-rouge-400: #d4858a;
--color-victorian-rouge-500: #c0686f;
--color-victorian-rouge-600: #a2595e;
--color-victorian-rouge-700: #82474b;
--color-victorian-rouge-800: #613337;
--color-victorian-rouge-900: #442326;
--color-victorian-rouge-950: #2c1114;
}SCSS
$victorian-rouge: #d28085;
$victorian-rouge-rgb: 210, 128, 133;
$victorian-rouge-light: mix(#fff, $victorian-rouge, 20%);
$victorian-rouge-dark: mix(#000, $victorian-rouge, 20%);
.element {
color: $victorian-rouge;
box-shadow: 0 0 0 2px rgba($victorian-rouge, 0.35);
}