이름 색상 · #B38081

Minuet Rose

Minuet Rose은(는) #B38081: rgb(179 128 129), hsl(359 25% 60%), oklch(0.651 0.063 17.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Red mean? → · Minuet Rose color name →

#B38081

oklch(0.651 0.063 17.6)

색상 변환

HEX: #b38081
RGB: rgb(179 128 129)
HSL: hsl(359 25% 60%)
HWB: hwb(359 50% 30%)
OKLCH: oklch(0.651 0.063 17.6)
OKLab: oklab(0.651 0.06 0.019)
CIE Lab: lab(58.82 20.43 7.72)
LCH: lch(58.82 21.84 20.7)
CMYK: cmyk(0% 28% 28% 30%)

틴트 · 셰이드 · 톤

틴트

BB8C8D
C39899
CBA5A5
D2B1B2
DABEBE
E1CBCB
E9D8D8
F0E5E5
F8F2F2

셰이드

9B6E6F
845D5E
6E4D4E
583D3E
432E2E
2F1F1F
1D1212
0C0606
010101

톤

AE8081
A98081
A48081
9F8081
9A8081
958080
908080
8B8080
858080

색 조화

보색 +180°

B38081
Minuet Rose
5E9C9D
≈ Jugendstil Turquoise

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 3.32:1 · APCA Lc 61

Fail

검은색 위

WCAG 6.32:1 · APCA Lc 41

가장 좋은 글자색: #000000

WCAG 6.32:1 (AA) · APCA Lc 41

Contrast pairs

코드 스니펫

CSS

:root {
  --minuet-rose: #b38081;
  --minuet-rose-rgb: 179 128 129;
  --minuet-rose-oklch: oklch(0.651 0.063 17.6);
}

.element {
  color: var(--minuet-rose);
  background-color: hsl(359 25% 60%);
  border-color: oklch(0.651 0.063 17.6);
}

Tailwind CSS v4

@theme {
  --color-minuet-rose: #b38081;
  --color-minuet-rose-50: #ffeeee;
  --color-minuet-rose-100: #fde0df;
  --color-minuet-rose-200: #eecac9;
  --color-minuet-rose-300: #d6abaa;
  --color-minuet-rose-400: #c19090;
  --color-minuet-rose-500: #ac7576;
  --color-minuet-rose-600: #926364;
  --color-minuet-rose-700: #754f50;
  --color-minuet-rose-800: #56393b;
  --color-minuet-rose-900: #3c2728;
  --color-minuet-rose-950: #261516;
}

SCSS

$minuet-rose: #b38081;
$minuet-rose-rgb: 179, 128, 129;
$minuet-rose-light: mix(#fff, $minuet-rose, 20%);
$minuet-rose-dark: mix(#000, $minuet-rose, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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