이름 색상 · #E83A72

Fantasy Romance

Fantasy Romance은(는) #E83A72: rgb(232 58 114), hsl(341 79% 57%), oklch(0.625 0.211 6.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Red mean? → · Fantasy Romance color name →

#E83A72

oklch(0.625 0.211 6.9)

색상 변환

HEX: #e83a72
RGB: rgb(232 58 114)
HSL: hsl(341 79% 57%)
HWB: hwb(341 23% 9%)
OKLCH: oklch(0.625 0.211 6.9)
OKLab: oklab(0.625 0.21 0.025)
CIE Lab: lab(54.03 68.6 11.23)
LCH: lch(54.03 69.51 9.3)
CMYK: cmyk(0% 75% 51% 9%)

틴트 · 셰이드 · 톤

틴트

ED547F
F26B8D
F67F9A
FA92A8
FDA5B6
FFB7C4
FFC9D3
FFDBE1
FFEDF0

셰이드

CA3162
AC2853
902044
741836
591028
40091B
29040E
130104
030001

톤

DF4773
D65175
CD5A76
C36178
B96879
AF6D7B
A4737C
99787D
8D7C7F

색 조화

보색 +180°

E83A72
Fantasy Romance
009D93
≈ Caribbean Turquoise

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

사각 배색 +90° +180° +270°

대비 및 접근성

흰색 위

WCAG 3.97:1 · APCA Lc 66

Fail

검은색 위

WCAG 5.27:1 · APCA Lc 36

가장 좋은 글자색: #000000

WCAG 5.27:1 (AA) · APCA Lc 36

Contrast pairs

코드 스니펫

CSS

:root {
  --fantasy-romance: #e83a72;
  --fantasy-romance-rgb: 232 58 114;
  --fantasy-romance-oklch: oklch(0.625 0.211 6.9);
}

.element {
  color: var(--fantasy-romance);
  background-color: hsl(341 79% 57%);
  border-color: oklch(0.625 0.211 6.9);
}

Tailwind CSS v4

@theme {
  --color-fantasy-romance: #e83a72;
  --color-fantasy-romance-50: #ffdde9;
  --color-fantasy-romance-100: #ffcbd9;
  --color-fantasy-romance-200: #ffadc1;
  --color-fantasy-romance-300: #ff84a1;
  --color-fantasy-romance-400: #ff5b89;
  --color-fantasy-romance-500: #ee246e;
  --color-fantasy-romance-600: #c9235d;
  --color-fantasy-romance-700: #a21c4b;
  --color-fantasy-romance-800: #781239;
  --color-fantasy-romance-900: #550c27;
  --color-fantasy-romance-950: #390015;
}

SCSS

$fantasy-romance: #e83a72;
$fantasy-romance-rgb: 232, 58, 114;
$fantasy-romance-light: mix(#fff, $fantasy-romance, 20%);
$fantasy-romance-dark: mix(#000, $fantasy-romance, 20%);

.element {
  color: $fantasy-romance;
  box-shadow: 0 0 0 2px rgba($fantasy-romance, 0.35);
}

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

피커 조합 대비 검사기 Studio JSON API