이름 색상 · #DED4D8

Fairy White

Fairy White은(는) #DED4D8: rgb(222 212 216), hsl(336 13% 85%), oklch(0.879 0.012 351). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Fairy White color name →

#DED4D8

oklch(0.879 0.012 351)

색상 변환

HEX: #ded4d8
RGB: rgb(222 212 216)
HSL: hsl(336 13% 85%)
HWB: hwb(336 83% 13%)
OKLCH: oklch(0.879 0.012 351)
OKLab: oklab(0.879 0.012 -0.002)
CIE Lab: lab(85.81 4.08 -0.69)
LCH: lch(85.81 4.14 350.5)
CMYK: cmyk(0% 5% 3% 13%)

틴트 · 셰이드 · 톤

틴트

E1D8DC
E5DCE0
E8E1E4
EBE5E7
EEE9EB
F2EEEF
F5F2F3
F8F6F7
FCFBFB

셰이드

C1B8BC
A59DA0
898385
6F696B
555153
3D3A3B
262425
121011
020202

톤

D4CBCF
CAC3C6
C1BABD
B7B1B4
AEA9AB
A4A1A2
9B9899
929091
898888

색 조화

보색 +180°

DED4D8
Fairy White
D0DAD6
≈ Sculptural Silver

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.44:1 · APCA Lc 21

Fail

검은색 위

WCAG 14.51:1 · APCA Lc 82

AAA

가장 좋은 글자색: #000000

WCAG 14.51:1 (AAA) · APCA Lc 82

Contrast pairs

코드 스니펫

CSS

:root {
  --fairy-white: #ded4d8;
  --fairy-white-rgb: 222 212 216;
  --fairy-white-oklch: oklch(0.879 0.012 351);
}

.element {
  color: var(--fairy-white);
  background-color: hsl(336 13% 85%);
  border-color: oklch(0.879 0.012 351);
}

Tailwind CSS v4

@theme {
  --color-fairy-white: #ded4d8;
  --color-fairy-white-50: #f8f4f5;
  --color-fairy-white-100: #ebe6e8;
  --color-fairy-white-200: #d9d2d4;
  --color-fairy-white-300: #bdb5b8;
  --color-fairy-white-400: #a59c9f;
  --color-fairy-white-500: #8d8387;
  --color-fairy-white-600: #776f72;
  --color-fairy-white-700: #5f595b;
  --color-fairy-white-800: #464143;
  --color-fairy-white-900: #302d2e;
  --color-fairy-white-950: #1d1a1b;
}

SCSS

$fairy-white: #ded4d8;
$fairy-white-rgb: 222, 212, 216;
$fairy-white-light: mix(#fff, $fairy-white, 20%);
$fairy-white-dark: mix(#000, $fairy-white, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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