이름 색상 · #DFD3D4

Pearl Rose

Pearl Rose은(는) #DFD3D4: rgb(223 211 212), hsl(355 16% 85%), oklch(0.877 0.013 11.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Pearl Rose color name →

#DFD3D4

oklch(0.877 0.013 11.6)

색상 변환

HEX: #dfd3d4
RGB: rgb(223 211 212)
HSL: hsl(355 16% 85%)
HWB: hwb(355 83% 13%)
OKLCH: oklch(0.877 0.013 11.6)
OKLab: oklab(0.877 0.013 0.003)
CIE Lab: lab(85.56 4.41 1.07)
LCH: lch(85.56 4.54 13.6)
CMYK: cmyk(0% 5% 5% 13%)

틴트 · 셰이드 · 톤

틴트

E2D7D8
E5DCDC
E9E0E1
ECE4E5
EFE9E9
F2EDEE
F5F2F2
F9F6F6
FCFBFB

셰이드

C2B7B8
A59C9D
8A8283
6F6969
565151
3D3A3A
272424
121010
020202

톤

D5CACB
CBC2C3
C2B9BA
B8B1B1
AEA9A9
A5A0A1
9C9898
929090
898888

색 조화

보색 +180°

DFD3D4
Pearl Rose
CDD9D8
≈ Raffia Light Grey

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.45:1 · APCA Lc 22

Fail

검은색 위

WCAG 14.40:1 · APCA Lc 82

AAA

가장 좋은 글자색: #000000

WCAG 14.40:1 (AAA) · APCA Lc 82

Contrast pairs

코드 스니펫

CSS

:root {
  --pearl-rose: #dfd3d4;
  --pearl-rose-rgb: 223 211 212;
  --pearl-rose-oklch: oklch(0.877 0.013 11.6);
}

.element {
  color: var(--pearl-rose);
  background-color: hsl(355 16% 85%);
  border-color: oklch(0.877 0.013 11.6);
}

Tailwind CSS v4

@theme {
  --color-pearl-rose: #dfd3d4;
  --color-pearl-rose-50: #f9f4f4;
  --color-pearl-rose-100: #ece6e6;
  --color-pearl-rose-200: #dad2d2;
  --color-pearl-rose-300: #beb5b5;
  --color-pearl-rose-400: #a69b9c;
  --color-pearl-rose-500: #8f8384;
  --color-pearl-rose-600: #796f70;
  --color-pearl-rose-700: #615859;
  --color-pearl-rose-800: #474141;
  --color-pearl-rose-900: #312c2d;
  --color-pearl-rose-950: #1d1a1a;
}

SCSS

$pearl-rose: #dfd3d4;
$pearl-rose-rgb: 223, 211, 212;
$pearl-rose-light: mix(#fff, $pearl-rose, 20%);
$pearl-rose-dark: mix(#000, $pearl-rose, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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