이름 색상 · #E35A63
Aphrodisiac
Aphrodisiac은(는) #E35A63: rgb(227 90 99), hsl(356 71% 62%), oklch(0.647 0.171 19.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Aphrodisiac color name →
#E35A63
oklch(0.647 0.171 19.3)
색상 변환
- HEX
- #e35a63
- RGB
- rgb(227 90 99)
- HSL
- hsl(356 71% 62%)
- HWB
- hwb(356 35% 11%)
- OKLCH
- oklch(0.647 0.171 19.3)
- OKLab
- oklab(0.647 0.161 0.057)
- CIE Lab
- lab(57.25 54.73 24.2)
- LCH
- lch(57.25 59.85 23.9)
- CMYK
- cmyk(0% 60% 56% 11%)
틴트 · 셰이드 · 톤
틴트
- E86D72
- ED7E81
- F18F90
- F59FA0
- F8AFAF
- FABFBF
- FDCFCF
- FEDFDF
- FFEFEF
셰이드
- C54D55
- A84147
- 8C353A
- 71292E
- 571E21
- 3F1316
- 27090B
- 120303
- 030000
톤
- DA6066
- D16569
- C86A6C
- BF6E6F
- B57272
- AB7575
- A17878
- 977B7B
- 8C7E7D
색 조화
보색 +180°
- E35A63
Aphrodisiac
- 00A2A8
≈ Ducati
유사색 -30° +30°
- E35A63
Aphrodisiac
- D75B9E
≈ Sugar Rush
- DD6707
≈ Orange Danger
삼각 배색 +120° +240°
- E35A63
Aphrodisiac
- 4FA635
≈ Ballyhoo
- 4A8BF4
≈ Seljuk Blue
분열 보색 +150° +210°
- E35A63
Aphrodisiac
- 00A781
≈ Active Green
- 009CCC
≈ Tomb Blue
사각 배색 +90° +180° +270°
- E35A63
Aphrodisiac
- 959400
≈ Turtle Moss
- 00A2A8
≈ Ducati
- 8E78EE
≈ Forgotten Purple
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.55:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 5.90:1 · APCA Lc 39
가장 좋은 글자색: #000000
WCAG 5.90:1 (AA) · APCA Lc 39
Contrast pairs
코드 스니펫
CSS
:root {
--aphrodisiac: #e35a63;
--aphrodisiac-rgb: 227 90 99;
--aphrodisiac-oklch: oklch(0.647 0.171 19.3);
}
.element {
color: var(--aphrodisiac);
background-color: hsl(356 71% 62%);
border-color: oklch(0.647 0.171 19.3);
}Tailwind CSS v4
@theme {
--color-aphrodisiac: #e35a63;
--color-aphrodisiac-50: #ffe3e0;
--color-aphrodisiac-100: #ffd2cf;
--color-aphrodisiac-200: #ffb7b4;
--color-aphrodisiac-300: #ff9291;
--color-aphrodisiac-400: #f26f75;
--color-aphrodisiac-500: #e04856;
--color-aphrodisiac-600: #bd3f4a;
--color-aphrodisiac-700: #98323b;
--color-aphrodisiac-800: #72232c;
--color-aphrodisiac-900: #50171e;
--color-aphrodisiac-950: #35070e;
}SCSS
$aphrodisiac: #e35a63;
$aphrodisiac-rgb: 227, 90, 99;
$aphrodisiac-light: mix(#fff, $aphrodisiac, 20%);
$aphrodisiac-dark: mix(#000, $aphrodisiac, 20%);
.element {
color: $aphrodisiac;
box-shadow: 0 0 0 2px rgba($aphrodisiac, 0.35);
}