이름 색상 · #A4407E
Vivid Viola
Vivid Viola은(는) #A4407E: rgb(164 64 126), hsl(323 44% 45%), oklch(0.527 0.15 345.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Vivid Viola color name →
#A4407E
oklch(0.527 0.15 345.3)
색상 변환
- HEX
- #a4407e
- RGB
- rgb(164 64 126)
- HSL
- hsl(323 44% 45%)
- HWB
- hwb(323 25% 36%)
- OKLCH
- oklch(0.527 0.15 345.3)
- OKLab
- oklab(0.527 0.145 -0.038)
- CIE Lab
- lab(43.06 46.94 -13.72)
- LCH
- lch(43.06 48.91 343.7)
- CMYK
- cmyk(0% 61% 23% 36%)
틴트 · 셰이드 · 톤
틴트
- AF548A
- B96797
- C37AA3
- CC8DB0
- D69FBD
- DFB2CA
- E7C5D7
- EFD8E4
- F7ECF2
셰이드
- 8E366D
- 792D5C
- 64244C
- 501B3C
- 3D132D
- 2B0B1F
- 1A0511
- 0A0105
- 010001
톤
- A2487E
- 9F507F
- 9C577F
- 995D7F
- 95637F
- 926A80
- 8E6F80
- 8A7580
- 857B80
색 조화
보색 +180°
- A4407E
Vivid Viola
- 007E5B
≈ Spanish Viridian
유사색 -30° +30°
- A4407E
Vivid Viola
- 8B4BA5
≈ Vicious Violet
- B03D4E
≈ Romantic Embers
삼각 배색 +120° +240°
- A4407E
Vivid Viola
- 756E00
≈ Bronze Yellow
- 007696
≈ Pristine Seas
분열 보색 +150° +210°
- A4407E
Vivid Viola
- 407D0C
≈ Green People
- 007B7B
≈ Buzzards Bay
사각 배색 +90° +180° +270°
- A4407E
Vivid Viola
- 906000
≈ Rat Brown
- 007E5B
≈ Spanish Viridian
- 236ABF
≈ Blue Streak
대비 및 접근성
Ag
AA흰색 위
WCAG 5.81:1 · APCA Lc 78
Ag
Fail검은색 위
WCAG 3.61:1 · APCA Lc 23
가장 좋은 글자색: #FFFFFF
WCAG 5.81:1 (AA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--vivid-viola: #a4407e;
--vivid-viola-rgb: 164 64 126;
--vivid-viola-oklch: oklch(0.527 0.15 345.3);
}
.element {
color: var(--vivid-viola);
background-color: hsl(323 44% 45%);
border-color: oklch(0.527 0.15 345.3);
}Tailwind CSS v4
@theme {
--color-vivid-viola: #a4407e;
--color-vivid-viola-50: #ffe5fd;
--color-vivid-viola-100: #ffd4f1;
--color-vivid-viola-200: #ffbbe0;
--color-vivid-viola-300: #ef97c6;
--color-vivid-viola-400: #dc77b2;
--color-vivid-viola-500: #c8569c;
--color-vivid-viola-600: #a94a84;
--color-vivid-viola-700: #883b6a;
--color-vivid-viola-800: #642a50;
--color-vivid-viola-900: #461c37;
--color-vivid-viola-950: #2e0c22;
}SCSS
$vivid-viola: #a4407e;
$vivid-viola-rgb: 164, 64, 126;
$vivid-viola-light: mix(#fff, $vivid-viola, 20%);
$vivid-viola-dark: mix(#000, $vivid-viola, 20%);
.element {
color: $vivid-viola;
box-shadow: 0 0 0 2px rgba($vivid-viola, 0.35);
}