이름 색상 · #EE0099
Love Vessel
Love Vessel은(는) #EE0099: rgb(238 0 153), hsl(321 100% 47%), oklch(0.624 0.259 351.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Love Vessel color name →
#EE0099
oklch(0.624 0.259 351.4)
색상 변환
- HEX
- #ee0099
- RGB
- rgb(238 0 153)
- HSL
- hsl(321 100% 47%)
- HWB
- hwb(321 0% 7%)
- OKLCH
- oklch(0.624 0.259 351.4)
- OKLab
- oklab(0.624 0.256 -0.039)
- CIE Lab
- lab(52.9 81.55 -13.61)
- LCH
- lch(52.9 82.68 350.5)
- CMYK
- cmyk(0% 100% 36% 7%)
틴트 · 셰이드 · 톤
틴트
- F33DA3
- F85BAD
- FC73B7
- FF89C1
- FF9ECB
- FFB2D5
- FFC5E0
- FFD9EA
- FFECF5
셰이드
- CF0084
- B10070
- 93005D
- 77004A
- 5C0038
- 420027
- 2A0017
- 140008
- 030001
톤
- E52C97
- DB3F94
- D14C92
- C7578F
- BD608D
- B2688A
- A76F88
- 9B7585
- 8E7B83
색 조화
보색 +180°
- EE0099
Love Vessel
- 009E7E
≈ Tropical Kelp
유사색 -30° +30°
- EE0099
Love Vessel
- C935E2
≈ Eupatorium Purple
- FB003C
≈ Méi Gūi Hóng Red
삼각 배색 +120° +240°
- EE0099
Love Vessel
- 8B8E00
≈ Old Asparagus
- 0094C5
≈ Germander Speedwell
분열 보색 +150° +210°
- EE0099
Love Vessel
- 1FA300
≈ Peter Pan
- 009AA2
≈ Island Dream
사각 배색 +90° +180° +270°
- EE0099
Love Vessel
- AE7E00
≈ Murder Mustard
- 009E7E
≈ Tropical Kelp
- 3B7FFF
≈ Ceruleite
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.12:1 · APCA Lc 66
Ag
AA검은색 위
WCAG 5.09:1 · APCA Lc 36
가장 좋은 글자색: #000000
WCAG 5.09:1 (AA) · APCA Lc 36
Contrast pairs
코드 스니펫
CSS
:root {
--love-vessel: #ee0099;
--love-vessel-rgb: 238 0 153;
--love-vessel-oklch: oklch(0.624 0.259 351.4);
}
.element {
color: var(--love-vessel);
background-color: hsl(321 100% 47%);
border-color: oklch(0.624 0.259 351.4);
}Tailwind CSS v4
@theme {
--color-love-vessel: #ee0099;
--color-love-vessel-50: #ffd7fb;
--color-love-vessel-100: #ffc3ef;
--color-love-vessel-200: #ffa2dd;
--color-love-vessel-300: #ff75c2;
--color-love-vessel-400: #ff43b0;
--color-love-vessel-500: #f50099;
--color-love-vessel-600: #cf0082;
--color-love-vessel-700: #a60068;
--color-love-vessel-800: #7c0050;
--color-love-vessel-900: #570037;
--color-love-vessel-950: #3a0022;
}SCSS
$love-vessel: #ee0099;
$love-vessel-rgb: 238, 0, 153;
$love-vessel-light: mix(#fff, $love-vessel, 20%);
$love-vessel-dark: mix(#000, $love-vessel, 20%);
.element {
color: $love-vessel;
box-shadow: 0 0 0 2px rgba($love-vessel, 0.35);
}