이름 색상 · #EE3366

Bat’s Blood Soup

Bat’s Blood Soup은(는) #EE3366: rgb(238 51 102), hsl(344 85% 57%), oklch(0.627 0.221 11.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Red mean? → · Bat’s Blood Soup color name →

#EE3366

oklch(0.627 0.221 11.3)

색상 변환

HEX: #ee3366
RGB: rgb(238 51 102)
HSL: hsl(344 85% 57%)
HWB: hwb(344 20% 7%)
OKLCH: oklch(0.627 0.221 11.3)
OKLab: oklab(0.627 0.216 0.043)
CIE Lab: lab(54.24 71.56 18.93)
LCH: lch(54.24 74.02 14.8)
CMYK: cmyk(0% 79% 57% 7%)

틴트 · 셰이드 · 톤

틴트

F35074
F76883
FB7D92
FE91A1
FFA4B0
FFB7BF
FFC9CF
FFDBDF
FFEDEF

셰이드

CF2B58
B1234A
931C3C
77142F
5C0D23
420717
2A030C
140104
030000

톤

E54269
DB4E6B
D1576E
C75F71
BC6773
B16D76
A67279
9A777B
8E7C7E

색 조화

보색 +180°

EE3366
Bat’s Blood Soup
009D98
≈ Caribbean Turquoise

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

EE3366
Bat’s Blood Soup
00A16D
≈ Surgeon
0097B9
≈ Bondi Blue

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

대비 및 접근성

흰색 위

WCAG 3.96:1 · APCA Lc 65

Fail

검은색 위

WCAG 5.30:1 · APCA Lc 36

가장 좋은 글자색: #000000

WCAG 5.30:1 (AA) · APCA Lc 36

Contrast pairs

코드 스니펫

CSS

:root {
  --bat-s-blood-soup: #ee3366;
  --bat-s-blood-soup-rgb: 238 51 102;
  --bat-s-blood-soup-oklch: oklch(0.627 0.221 11.3);
}

.element {
  color: var(--bat-s-blood-soup);
  background-color: hsl(344 85% 57%);
  border-color: oklch(0.627 0.221 11.3);
}

Tailwind CSS v4

@theme {
  --color-bat-s-blood-soup: #ee3366;
  --color-bat-s-blood-soup-50: #ffdce3;
  --color-bat-s-blood-soup-100: #ffcad3;
  --color-bat-s-blood-soup-200: #ffabb9;
  --color-bat-s-blood-soup-300: #ff8196;
  --color-bat-s-blood-soup-400: #ff577d;
  --color-bat-s-blood-soup-500: #f41160;
  --color-bat-s-blood-soup-600: #ce1752;
  --color-bat-s-blood-soup-700: #a61441;
  --color-bat-s-blood-soup-800: #7b0b32;
  --color-bat-s-blood-soup-900: #570822;
  --color-bat-s-blood-soup-950: #3a0011;
}

SCSS

$bat-s-blood-soup: #ee3366;
$bat-s-blood-soup-rgb: 238, 51, 102;
$bat-s-blood-soup-light: mix(#fff, $bat-s-blood-soup, 20%);
$bat-s-blood-soup-dark: mix(#000, $bat-s-blood-soup, 20%);

.element {
  color: $bat-s-blood-soup;
  box-shadow: 0 0 0 2px rgba($bat-s-blood-soup, 0.35);
}

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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