이름 색상 · #B04556

Cherry Wine

Cherry Wine은(는) #B04556: rgb(176 69 86), hsl(350 44% 48%), oklch(0.539 0.14 13.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Red mean? → · Cherry Wine color name →

#B04556

oklch(0.539 0.14 13.5)

색상 변환

HEX: #b04556
RGB: rgb(176 69 86)
HSL: hsl(350 44% 48%)
HWB: hwb(350 27% 31%)
OKLCH: oklch(0.539 0.14 13.5)
OKLab: oklab(0.539 0.136 0.033)
CIE Lab: lab(44.93 45.45 13.83)
LCH: lch(44.93 47.51 16.9)
CMYK: cmyk(0% 61% 51% 31%)

틴트 · 셰이드 · 톤

틴트

BA5966
C36B75
CC7E86
D59096
DDA2A7
E5B4B8
ECC7C9
F3D9DB
F9ECED

셰이드

993B4A
82313E
6C2732
561E27
42151C
2E0C12
1C0508
0B0202
010000

톤

AC4D5A
A9545E
A55A63
A06067
9C666B
976C6F
927173
8C7678
867B7C

색 조화

보색 +180°

B04556
Cherry Wine
007F7D
≈ Teal

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 5.48:1 · APCA Lc 77

검은색 위

WCAG 3.83:1 · APCA Lc 25

Fail

가장 좋은 글자색: #FFFFFF

WCAG 5.48:1 (AA) · APCA Lc 77

Contrast pairs

코드 스니펫

CSS

:root {
  --cherry-wine: #b04556;
  --cherry-wine-rgb: 176 69 86;
  --cherry-wine-oklch: oklch(0.539 0.14 13.5);
}

.element {
  color: var(--cherry-wine);
  background-color: hsl(350 44% 48%);
  border-color: oklch(0.539 0.14 13.5);
}

Tailwind CSS v4

@theme {
  --color-cherry-wine: #b04556;
  --color-cherry-wine-50: #ffe6e8;
  --color-cherry-wine-100: #ffd6d8;
  --color-cherry-wine-200: #ffbcc0;
  --color-cherry-wine-300: #f699a0;
  --color-cherry-wine-400: #e47986;
  --color-cherry-wine-500: #d2586b;
  --color-cherry-wine-600: #b14b5a;
  --color-cherry-wine-700: #8e3c48;
  --color-cherry-wine-800: #6a2b36;
  --color-cherry-wine-900: #4a1d25;
  --color-cherry-wine-950: #310c13;
}

SCSS

$cherry-wine: #b04556;
$cherry-wine-rgb: 176, 69, 86;
$cherry-wine-light: mix(#fff, $cherry-wine, 20%);
$cherry-wine-dark: mix(#000, $cherry-wine, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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