이름 색상 · #A63864
Valentine’s Day
Valentine’s Day은(는) #A63864: rgb(166 56 100), hsl(336 50% 44%), oklch(0.511 0.15 359.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Valentine’s Day color name →
#A63864
oklch(0.511 0.15 359.2)
색상 변환
- HEX
- #a63864
- RGB
- rgb(166 56 100)
- HSL
- hsl(336 50% 44%)
- HWB
- hwb(336 22% 35%)
- OKLCH
- oklch(0.511 0.15 359.2)
- OKLab
- oklab(0.511 0.15 -0.002)
- CIE Lab
- lab(41.36 48.59 -0.13)
- LCH
- lch(41.36 48.59 359.9)
- CMYK
- cmyk(0% 66% 40% 35%)
틴트 · 셰이드 · 톤
틴트
- B14E72
- BB6281
- C57590
- CF899F
- D89CAE
- E1B0BE
- E9C3CE
- F1D7DE
- F8EBEE
셰이드
- 902F56
- 7A2748
- 651F3B
- 51172E
- 3E0F22
- 2B0816
- 1A040B
- 0A0103
- 010000
톤
- A44267
- A14A6A
- 9E526C
- 9B596F
- 976072
- 946775
- 8F6E77
- 8B747A
- 867A7D
색 조화
보색 +180°
- A63864
Valentine’s Day
- 007767
≈ Teal Waters
유사색 -30° +30°
- A63864
Valentine’s Day
- 93408F
≈ Dahlia
- AB3B2F
≈ Rooibos Tea
삼각 배색 +120° +240°
- A63864
Valentine’s Day
- 5F6F00
≈ Brownish Green
- 006EA1
≈ Disarm
분열 보색 +150° +210°
- A63864
Valentine’s Day
- 007C34
≈ Verdant Vale
- 007481
≈ Deep Current
사각 배색 +90° +180° +270°
- A63864
Valentine’s Day
- 7E6200
≈ Ground Earth
- 007767
≈ Teal Waters
- 445DBB
≈ Chinese Bellflower
대비 및 접근성
Ag
AA흰색 위
WCAG 6.22:1 · APCA Lc 80
Ag
Fail검은색 위
WCAG 3.37:1 · APCA Lc 22
가장 좋은 글자색: #FFFFFF
WCAG 6.22:1 (AA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--valentine-s-day: #a63864;
--valentine-s-day-rgb: 166 56 100;
--valentine-s-day-oklch: oklch(0.511 0.15 359.2);
}
.element {
color: var(--valentine-s-day);
background-color: hsl(336 50% 44%);
border-color: oklch(0.511 0.15 359.2);
}Tailwind CSS v4
@theme {
--color-valentine-s-day: #a63864;
--color-valentine-s-day-50: #ffe4f2;
--color-valentine-s-day-100: #ffd4e5;
--color-valentine-s-day-200: #ffbad0;
--color-valentine-s-day-300: #f696b2;
--color-valentine-s-day-400: #e4759c;
--color-valentine-s-day-500: #d15383;
--color-valentine-s-day-600: #b0486f;
--color-valentine-s-day-700: #8e3959;
--color-valentine-s-day-800: #692843;
--color-valentine-s-day-900: #4a1b2e;
--color-valentine-s-day-950: #300b1b;
}SCSS
$valentine-s-day: #a63864;
$valentine-s-day-rgb: 166, 56, 100;
$valentine-s-day-light: mix(#fff, $valentine-s-day, 20%);
$valentine-s-day-dark: mix(#000, $valentine-s-day, 20%);
.element {
color: $valentine-s-day;
box-shadow: 0 0 0 2px rgba($valentine-s-day, 0.35);
}