色名 · #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