色名 · #DCD7D1

Gallery

Galleryは#DCD7D1：rgb(220 215 209)、hsl(33 14% 84%)、oklch(0.881 0.01 72.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。

What does Gray mean? → · Gallery color name →

#DCD7D1

oklch(0.881 0.01 72.7)

カラー変換

HEX: #dcd7d1
RGB: rgb(220 215 209)
HSL: hsl(33 14% 84%)
HWB: hwb(33 82% 14%)
OKLCH: oklch(0.881 0.01 72.7)
OKLab: oklab(0.881 0.003 0.009)
CIE Lab: lab(86.26 0.99 3.61)
LCH: lch(86.26 3.74 74.7)
CMYK: cmyk(0% 2% 5% 14%)

ティント · シェード · トーン

ティント

DFDBD6
E3DFDA
E6E3DF
EAE7E3
EDEBE8
F1EFEC
F4F3F1
F8F7F6
FBFBFA

シェード

BFBBB5
A39F9B
888581
6E6B68
545250
3C3B39
262523
111110
020202

トーン

D2CEC9
C9C5C0
BFBCB8
B6B3B0
ADAAA8
A4A2A0
9B9998
929190
898888

カラーハーモニー

補色 +180°

DCD7D1
Gallery
D3D8DE
≈ Shy Blunt

類似色 -30° +30°

トライアド +120° +240°

スプリットコンプリメンタリー +150° +210°

テトラード +90° +180° +270°

コントラストとアクセシビリティ

白の上

WCAG 1.43:1 · APCA Lc 21

Fail

黒の上

WCAG 14.68:1 · APCA Lc 83

AAA

最適な文字色: #000000

WCAG 14.68:1 (AAA) · APCA Lc 83

Contrast pairs

コードスニペット

CSS

:root {
  --gallery: #dcd7d1;
  --gallery-rgb: 220 215 209;
  --gallery-oklch: oklch(0.881 0.01 72.7);
}

.element {
  color: var(--gallery);
  background-color: hsl(33 14% 84%);
  border-color: oklch(0.881 0.01 72.7);
}

Tailwind CSS v4

@theme {
  --color-gallery: #dcd7d1;
  --color-gallery-50: #f7f5f2;
  --color-gallery-100: #eae7e4;
  --color-gallery-200: #d7d4d0;
  --color-gallery-300: #bab7b2;
  --color-gallery-400: #a29e98;
  --color-gallery-500: #8a857f;
  --color-gallery-600: #75716c;
  --color-gallery-700: #5e5a56;
  --color-gallery-800: #45423f;
  --color-gallery-900: #2f2d2b;
  --color-gallery-950: #1c1a18;
}

SCSS

$gallery: #dcd7d1;
$gallery-rgb: 220, 215, 209;
$gallery-light: mix(#fff, $gallery, 20%);
$gallery-dark: mix(#000, $gallery, 20%);

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

近い色名

Palettes with similar colors

ツールで開く

ピッカーペアコントラストチェッカー Studio JSON API