이름 색상 · #DAC5BD

Bella Mia

Bella Mia은(는) #DAC5BD: rgb(218 197 189), hsl(17 28% 80%), oklch(0.839 0.026 42.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Bella Mia color name →

#DAC5BD

oklch(0.839 0.026 42.1)

색상 변환

HEX: #dac5bd
RGB: rgb(218 197 189)
HSL: hsl(17 28% 80%)
HWB: hwb(17 74% 15%)
OKLCH: oklch(0.839 0.026 42.1)
OKLab: oklab(0.839 0.02 0.018)
CIE Lab: lab(81.13 6.66 6.85)
LCH: lch(81.13 9.55 45.8)
CMYK: cmyk(0% 10% 13% 15%)

틴트 · 셰이드 · 톤

틴트

DECBC3
E1D0CA
E5D6D0
E9DCD7
EDE2DE
F0E8E4
F4EDEB
F8F3F2
FBF9F8

셰이드

BDABA4
A2928C
877974
6C615D
544B47
3C3533
25211F
110E0D
020202

톤

D1BEB7
C7B7B0
BEB0AA
B5A9A4
ACA29E
A39B98
9A9492
918D8C
898786

색 조화

보색 +180°

DAC5BD
Bella Mia
B8CED7
≈ Light Vanilla Ice

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.65:1 · APCA Lc 29

Fail

검은색 위

WCAG 12.70:1 · APCA Lc 74

AAA

가장 좋은 글자색: #000000

WCAG 12.70:1 (AAA) · APCA Lc 74

Contrast pairs

코드 스니펫

CSS

:root {
  --bella-mia: #dac5bd;
  --bella-mia-rgb: 218 197 189;
  --bella-mia-oklch: oklch(0.839 0.026 42.1);
}

.element {
  color: var(--bella-mia);
  background-color: hsl(17 28% 80%);
  border-color: oklch(0.839 0.026 42.1);
}

Tailwind CSS v4

@theme {
  --color-bella-mia: #dac5bd;
  --color-bella-mia-50: #fcf3ef;
  --color-bella-mia-100: #f0e5e1;
  --color-bella-mia-200: #dfd1cb;
  --color-bella-mia-300: #c4b3ad;
  --color-bella-mia-400: #ad9a92;
  --color-bella-mia-500: #968179;
  --color-bella-mia-600: #7f6d66;
  --color-bella-mia-700: #665752;
  --color-bella-mia-800: #4b3f3c;
  --color-bella-mia-900: #342c29;
  --color-bella-mia-950: #1f1917;
}

SCSS

$bella-mia: #dac5bd;
$bella-mia-rgb: 218, 197, 189;
$bella-mia-light: mix(#fff, $bella-mia, 20%);
$bella-mia-dark: mix(#000, $bella-mia, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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