#CDC8CC

#CDC8CC

カラー値

HEX

#CDC8CC

RGB

205, 200, 204

HSL

312.0, 4.8%, 79.4%

HSV

312.0, 2.4%, 80.4%

CMYK

0.0%, 2.4%, 0.5%, 19.6%

OKLCH

0.838 0.0078 332.1

プロパティ

暖色 明るい 最も近い： snow 3

色彩心理学

Light grays are the quietest, most neutral colors in design, representing clarity, simplicity, and modern minimalism. They create a sense of calm order without drawing emotional attention. Silver tones additionally carry associations with technology, precision, and futuristic innovation.

Design Usage

Light gray is the foundational background color for modern web and mobile interfaces. It defines content boundaries, card surfaces, and secondary backgrounds in virtually every design system. Use it as the canvas that allows accent colors and content to take center stage.

カラーハーモニー

補色

#CDC8CC

#C8CDC9

類似色

#CBC8CD

#CDC8C9

#CDC8CC

トライアド

#CDC8CC

#CCCDC8

#C8CCCD

スプリット補色

#CDC8CC

#C9CDC8

#C8CDCB

テトラード

#CDC8CC

#CDCBC8

#C8CDC9

#C8C9CD

色覚異常シミュレーション

オリジナル

#CDC8CC

第1色覚異常

#CBCBCB

第2色覚異常

#CBCCCB

第3色覚異常

#CDCACA

全色盲

#C9C9C9

CSS使用法

background-color: #CDC8CC;
color: #CDC8CC;
border-color: #CDC8CC;
最も近いTailwind： Zinc 300 #D4D4D8

Tailwindシェード

50
#F8F7F8
100
#EEECEE
200
#DDDADC
300
#C5BFC4
400
#A59CA3
500
#867983
600
#6B6169
700
#564E54
800
#433D42
900
#332E32
950
#201D1F

コントラストチェッカー

白背景のテキスト

1.65:1

AA Fail AAA Fail

黒背景のテキスト

12.73:1

AA Pass AAA Pass

比較する

#CDC8CC
#C8CDC9
#CDC8CC
#FFFFFF
#000000
#CDC8CC

関連記事

チュートリアル

CSS color-mix()：ブラウザでネイティブにカラーをブレンド

1月 26, 2026
チュートリアル

カラーピッカーWebコンポーネントをゼロから構築する

1月 21, 2026
チュートリアル

知覚的色空間：Lab、LCH、Oklab、OKLCH

1月 15, 2026

よくある質問

What are the RGB, HSL, and CMYK values of #CDC8CC?

RGB(205, 200, 204) · HSL(312.0, 4.8%, 79.4%) · CMYK(0.0%, 2.4%, 0.5%, 19.6%)

Does #CDC8CC meet WCAG contrast on white?

1.65:1 — WCAG AA 不合格, AAA 不合格 for normal text.

What text color is readable on #CDC8CC?

Use 000000 text on a #CDC8CC background; contrast on black is 12.73:1.