이름 색상 · #875169

Raspberry Crush

Raspberry Crush은(는) #875169: rgb(135 81 105), hsl(333 25% 42%), oklch(0.504 0.079 352.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Red mean? → · Raspberry Crush color name →

#875169

oklch(0.504 0.079 352.1)

색상 변환

HEX: #875169
RGB: rgb(135 81 105)
HSL: hsl(333 25% 42%)
HWB: hwb(333 32% 47%)
OKLCH: oklch(0.504 0.079 352.1)
OKLab: oklab(0.504 0.078 -0.011)
CIE Lab: lab(41.45 25.73 -3.81)
LCH: lch(41.45 26.01 351.6)
CMYK: cmyk(0% 40% 22% 47%)

틴트 · 셰이드 · 톤

틴트

936177
9F7285
AB8393
B794A2
C3A5B1
CFB6C0
DBC8D0
E7DADF
F3ECEF

셰이드

75455A
633A4C
512F3E
412431
311A24
211018
13070C
060204
010000

톤

87566B
875B6E
866070
866472
856974
846E77
847279
82777B
817B7E

색 조화

보색 +180°

875169
Raspberry Crush
2B735F
≈ Nordic Forest

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 6.15:1 · APCA Lc 81

검은색 위

WCAG 3.41:1 · APCA Lc 21

Fail

가장 좋은 글자색: #FFFFFF

WCAG 6.15:1 (AA) · APCA Lc 81

Contrast pairs

코드 스니펫

CSS

:root {
  --raspberry-crush: #875169;
  --raspberry-crush-rgb: 135 81 105;
  --raspberry-crush-oklch: oklch(0.504 0.079 352.1);
}

.element {
  color: var(--raspberry-crush);
  background-color: hsl(333 25% 42%);
  border-color: oklch(0.504 0.079 352.1);
}

Tailwind CSS v4

@theme {
  --color-raspberry-crush: #875169;
  --color-raspberry-crush-50: #ffecf7;
  --color-raspberry-crush-100: #ffdee9;
  --color-raspberry-crush-200: #f1c7d6;
  --color-raspberry-crush-300: #d9a7ba;
  --color-raspberry-crush-400: #c48ba3;
  --color-raspberry-crush-500: #af708b;
  --color-raspberry-crush-600: #945f76;
  --color-raspberry-crush-700: #764c5e;
  --color-raspberry-crush-800: #573746;
  --color-raspberry-crush-900: #3d2631;
  --color-raspberry-crush-950: #26141d;
}

SCSS

$raspberry-crush: #875169;
$raspberry-crush-rgb: 135, 81, 105;
$raspberry-crush-light: mix(#fff, $raspberry-crush, 20%);
$raspberry-crush-dark: mix(#000, $raspberry-crush, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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