이름 색상 · #D9A6A1

Mellow Rose

Mellow Rose은(는) #D9A6A1: rgb(217 166 161), hsl(5 42% 74%), oklch(0.771 0.061 25). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

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

#D9A6A1

oklch(0.771 0.061 25)

색상 변환

HEX: #d9a6a1
RGB: rgb(217 166 161)
HSL: hsl(5 42% 74%)
HWB: hwb(5 63% 15%)
OKLCH: oklch(0.771 0.061 25)
OKLab: oklab(0.771 0.055 0.026)
CIE Lab: lab(72.85 18.83 10.25)
LCH: lch(72.85 21.44 28.6)
CMYK: cmyk(0% 24% 26% 15%)

틴트 · 셰이드 · 톤

틴트

DDAFAA
E1B8B3
E5C0BC
E9C9C6
EDD2CF
F1DBD9
F4E4E2
F8EDEC
FCF6F5

셰이드

BC908B
A17A76
866562
6C514E
533E3C
3B2B2A
251A19
110A09
020101

톤

D0A29E
C79E9A
BE9B97
B59794
AC9390
A38F8D
9B8B8A
928887
898483

색 조화

보색 +180°

D9A6A1
Mellow Rose
86C0C7
≈ Celestine

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 2.11:1 · APCA Lc 41

Fail

검은색 위

WCAG 9.91:1 · APCA Lc 61

AAA

가장 좋은 글자색: #000000

WCAG 9.91:1 (AAA) · APCA Lc 61

Contrast pairs

코드 스니펫

CSS

:root {
  --mellow-rose: #d9a6a1;
  --mellow-rose-rgb: 217 166 161;
  --mellow-rose-oklch: oklch(0.771 0.061 25);
}

.element {
  color: var(--mellow-rose);
  background-color: hsl(5 42% 74%);
  border-color: oklch(0.771 0.061 25);
}

Tailwind CSS v4

@theme {
  --color-mellow-rose: #d9a6a1;
  --color-mellow-rose-50: #ffefec;
  --color-mellow-rose-100: #fce1dd;
  --color-mellow-rose-200: #edcbc6;
  --color-mellow-rose-300: #d5aca7;
  --color-mellow-rose-400: #c0918c;
  --color-mellow-rose-500: #ab7772;
  --color-mellow-rose-600: #916460;
  --color-mellow-rose-700: #74504d;
  --color-mellow-rose-800: #563a38;
  --color-mellow-rose-900: #3c2827;
  --color-mellow-rose-950: #261615;
}

SCSS

$mellow-rose: #d9a6a1;
$mellow-rose-rgb: 217, 166, 161;
$mellow-rose-light: mix(#fff, $mellow-rose, 20%);
$mellow-rose-dark: mix(#000, $mellow-rose, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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