이름 색상 · #E4658E

Love Letter

Love Letter은(는) #E4658E: rgb(228 101 142), hsl(341 70% 65%), oklch(0.673 0.162 2.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Red mean? → · Love Letter color name →

#E4658E

oklch(0.673 0.162 2.2)

색상 변환

HEX: #e4658e
RGB: rgb(228 101 142)
HSL: hsl(341 70% 65%)
HWB: hwb(341 40% 11%)
OKLCH: oklch(0.673 0.162 2.2)
OKLab: oklab(0.673 0.162 0.006)
CIE Lab: lab(60.1 53.14 3.14)
LCH: lch(60.1 53.23 3.4)
CMYK: cmyk(0% 56% 38% 11%)

틴트 · 셰이드 · 톤

틴트

E97699
ED86A4
F195AF
F4A5BA
F7B4C5
FAC3D0
FCD2DC
FDE1E7
FFF0F3

셰이드

C6577B
A94968
8D3C56
722F44
582234
3F1724
280C15
120307
030001

톤

DB698D
D16D8B
C8708A
BF7388
B57687
AB7986
A17B84
967D83
8B7E81

색 조화

보색 +180°

E4658E
Love Letter
00AE9C
≈ Pool Green

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 3.20:1 · APCA Lc 59

Fail

검은색 위

WCAG 6.55:1 · APCA Lc 43

가장 좋은 글자색: #000000

WCAG 6.55:1 (AA) · APCA Lc 43

Contrast pairs

코드 스니펫

CSS

:root {
  --love-letter: #e4658e;
  --love-letter-rgb: 228 101 142;
  --love-letter-oklch: oklch(0.673 0.162 2.2);
}

.element {
  color: var(--love-letter);
  background-color: hsl(341 70% 65%);
  border-color: oklch(0.673 0.162 2.2);
}

Tailwind CSS v4

@theme {
  --color-love-letter: #e4658e;
  --color-love-letter-50: #ffe3ef;
  --color-love-letter-100: #ffd2e1;
  --color-love-letter-200: #ffb7cc;
  --color-love-letter-300: #fc93ad;
  --color-love-letter-400: #ea7196;
  --color-love-letter-500: #d84c7d;
  --color-love-letter-600: #b6426a;
  --color-love-letter-700: #923455;
  --color-love-letter-800: #6d2540;
  --color-love-letter-900: #4d192c;
  --color-love-letter-950: #320919;
}

SCSS

$love-letter: #e4658e;
$love-letter-rgb: 228, 101, 142;
$love-letter-light: mix(#fff, $love-letter, 20%);
$love-letter-dark: mix(#000, $love-letter, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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