色名 · #D9CCB8

Studio Clay

Studio Clayは#D9CCB8：rgb(217 204 184)、hsl(36 30% 79%)、oklch(0.85 0.031 78.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。

What does Gray mean? → · Studio Clay color name →

#D9CCB8

oklch(0.85 0.031 78.8)

カラー変換

HEX: #d9ccb8
RGB: rgb(217 204 184)
HSL: hsl(36 30% 79%)
HWB: hwb(36 72% 15%)
OKLCH: oklch(0.85 0.031 78.8)
OKLab: oklab(0.85 0.006 0.03)
CIE Lab: lab(82.72 2.23 11.72)
LCH: lch(82.72 11.93 79.2)
CMYK: cmyk(0% 6% 15% 15%)

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

ティント

DDD1BF
E1D6C6
E4DBCD
E8E0D4
ECE5DB
F0EAE2
F4F0E9
F7F5F1
FBFAF8

シェード

BCB1A0
A19788
867E71
6C655B
534E45
3B3731
25221E
110F0C
020202

トーン

D0C4B2
C7BCAD
BDB5A7
B4ADA1
ABA59C
A39E96
9A9691
918F8B
898785

カラーハーモニー

補色 +180°

D9CCB8
Studio Clay
C2CFE3
≈ Atmospheric Pressure

類似色 -30° +30°

トライアド +120° +240°

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

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

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

白の上

WCAG 1.58:1 · APCA Lc 26

Fail

黒の上

WCAG 13.27:1 · APCA Lc 77

AAA

最適な文字色: #000000

WCAG 13.27:1 (AAA) · APCA Lc 77

Contrast pairs

コードスニペット

CSS

:root {
  --studio-clay: #d9ccb8;
  --studio-clay-rgb: 217 204 184;
  --studio-clay-oklch: oklch(0.85 0.031 78.8);
}

.element {
  color: var(--studio-clay);
  background-color: hsl(36 30% 79%);
  border-color: oklch(0.85 0.031 78.8);
}

Tailwind CSS v4

@theme {
  --color-studio-clay: #d9ccb8;
  --color-studio-clay-50: #faf4ec;
  --color-studio-clay-100: #ede7dd;
  --color-studio-clay-200: #dbd3c6;
  --color-studio-clay-300: #c0b6a6;
  --color-studio-clay-400: #a89d8b;
  --color-studio-clay-500: #918470;
  --color-studio-clay-600: #7b705f;
  --color-studio-clay-700: #62594c;
  --color-studio-clay-800: #494137;
  --color-studio-clay-900: #322d25;
  --color-studio-clay-950: #1e1a14;
}

SCSS

$studio-clay: #d9ccb8;
$studio-clay-rgb: 217, 204, 184;
$studio-clay-light: mix(#fff, $studio-clay, 20%);
$studio-clay-dark: mix(#000, $studio-clay, 20%);

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

近い色名

Palettes with similar colors

ツールで開く

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