이름 색상 · #EF95AE
Illusion
Illusion은(는) #EF95AE: rgb(239 149 174), hsl(343 74% 76%), oklch(0.769 0.112 2.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Illusion color name →
#EF95AE
oklch(0.769 0.112 2.1)
색상 변환
- HEX
- #ef95ae
- RGB
- rgb(239 149 174)
- HSL
- hsl(343 74% 76%)
- HWB
- hwb(343 58% 6%)
- OKLCH
- oklch(0.769 0.112 2.1)
- OKLab
- oklab(0.769 0.112 0.004)
- CIE Lab
- lab(71.77 37.02 2)
- LCH
- lch(71.77 37.07 3.1)
- CMYK
- cmyk(0% 38% 27% 6%)
틴트 · 셰이드 · 톤
틴트
- F2A0B6
- F4AABE
- F6B5C6
- F8C0CE
- FACAD6
- FBD5DE
- FDDFE6
- FEEAEE
- FEF4F7
셰이드
- D08197
- B16D80
- 945A6A
- 784855
- 5C3741
- 42262E
- 2A161C
- 14080B
- 030101
톤
- E493A9
- D991A5
- CE90A0
- C38E9B
- B88C97
- AD8992
- A2878E
- 978589
- 8B8284
색 조화
보색 +180°
- EF95AE
Illusion
- 50CBB9
≈ Peppy Peacock
유사색 -30° +30°
- EF95AE
Illusion
- DE99D3
≈ Crepe Myrtle
- F29986
≈ Rose Essence
삼각 배색 +120° +240°
- EF95AE
Illusion
- A8BF6C
≈ Light Olive
- 6FBCF5
≈ Broken Blue
분열 보색 +150° +210°
- EF95AE
Illusion
- 7AC890
≈ Green Gala
- 4BC6DD
≈ Naxos Sky
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.19:1 · APCA Lc 43
Ag
AAA검은색 위
WCAG 9.58:1 · APCA Lc 59
가장 좋은 글자색: #000000
WCAG 9.58:1 (AAA) · APCA Lc 59
Contrast pairs
코드 스니펫
CSS
:root {
--illusion: #ef95ae;
--illusion-rgb: 239 149 174;
--illusion-oklch: oklch(0.769 0.112 2.1);
}
.element {
color: var(--illusion);
background-color: hsl(343 74% 76%);
border-color: oklch(0.769 0.112 2.1);
}Tailwind CSS v4
@theme {
--color-illusion: #ef95ae;
--color-illusion-50: #ffe9f1;
--color-illusion-100: #ffd9e3;
--color-illusion-200: #ffc1cf;
--color-illusion-300: #e9a0b1;
--color-illusion-400: #d58299;
--color-illusion-500: #c16480;
--color-illusion-600: #a3556d;
--color-illusion-700: #834457;
--color-illusion-800: #613141;
--color-illusion-900: #44212d;
--color-illusion-950: #2c101a;
}SCSS
$illusion: #ef95ae;
$illusion-rgb: 239, 149, 174;
$illusion-light: mix(#fff, $illusion, 20%);
$illusion-dark: mix(#000, $illusion, 20%);
.element {
color: $illusion;
box-shadow: 0 0 0 2px rgba($illusion, 0.35);
}