이름 색상 · #E39B96

She Loves Pink

She Loves Pink은(는) #E39B96: rgb(227 155 150), hsl(4 58% 74%), oklch(0.759 0.087 23.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Red mean? → · She Loves Pink color name →

#E39B96

oklch(0.759 0.087 23.7)

색상 변환

HEX: #e39b96
RGB: rgb(227 155 150)
HSL: hsl(4 58% 74%)
HWB: hwb(4 59% 11%)
OKLCH: oklch(0.759 0.087 23.7)
OKLab: oklab(0.759 0.08 0.035)
CIE Lab: lab(71.17 27.24 14.14)
LCH: lch(71.17 30.7 27.4)
CMYK: cmyk(0% 32% 34% 11%)

틴트 · 셰이드 · 톤

틴트

E7A5A0
EAAFAA
EDB9B5
F0C3BF
F3CDCA
F6D7D4
F8E1DF
FBEBE9
FDF5F4

셰이드

C58682
A8726E
8C5E5B
714B49
573937
3F2826
271816
120908
030101

톤

D99994
CF9692
C59390
BC918D
B28E8B
A88B89
9E8987
948685
8A8382

색 조화

보색 +180°

E39B96
She Loves Pink
67C1CA
≈ Luna Moona

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 2.23:1 · APCA Lc 44

Fail

검은색 위

WCAG 9.39:1 · APCA Lc 58

AAA

가장 좋은 글자색: #000000

WCAG 9.39:1 (AAA) · APCA Lc 58

Contrast pairs

코드 스니펫

CSS

:root {
  --she-loves-pink: #e39b96;
  --she-loves-pink-rgb: 227 155 150;
  --she-loves-pink-oklch: oklch(0.759 0.087 23.7);
}

.element {
  color: var(--she-loves-pink);
  background-color: hsl(4 58% 74%);
  border-color: oklch(0.759 0.087 23.7);
}

Tailwind CSS v4

@theme {
  --color-she-loves-pink: #e39b96;
  --color-she-loves-pink-50: #ffece8;
  --color-she-loves-pink-100: #ffddd9;
  --color-she-loves-pink-200: #f8c7c1;
  --color-she-loves-pink-300: #e1a7a0;
  --color-she-loves-pink-400: #cd8a86;
  --color-she-loves-pink-500: #b96e6a;
  --color-she-loves-pink-600: #9c5e5a;
  --color-she-loves-pink-700: #7e4b48;
  --color-she-loves-pink-800: #5d3635;
  --color-she-loves-pink-900: #412524;
  --color-she-loves-pink-950: #2a1313;
}

SCSS

$she-loves-pink: #e39b96;
$she-loves-pink-rgb: 227, 155, 150;
$she-loves-pink-light: mix(#fff, $she-loves-pink, 20%);
$she-loves-pink-dark: mix(#000, $she-loves-pink, 20%);

.element {
  color: $she-loves-pink;
  box-shadow: 0 0 0 2px rgba($she-loves-pink, 0.35);
}

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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