#C5C8AF

#C5C8AF

カラー値

HEX

#C5C8AF

RGB

197, 200, 175

HSL

67.2, 18.5%, 73.5%

HSV

67.2, 12.5%, 78.4%

CMYK

1.5%, 0.0%, 12.5%, 21.6%

OKLCH

0.8237 0.0342 112.7

プロパティ

寒色 明るい 最も近い： lightyellow 3

色彩心理学

Pale yellows and creams evoke sunlight, freshness, and intellectual clarity. They are the lightest chromatic colors the eye perceives, creating a sense of spaciousness and openness. Light yellow is often associated with new beginnings and gentle happiness.

Design Usage

Light yellows are excellent for background tints, highlight markers, and information callout boxes. They add warmth to white-dominated layouts without overwhelming the content hierarchy. Use them cautiously for text backgrounds since pale yellow on white creates poor contrast ratios.

カラーハーモニー

補色

#C5C8AF

#B2AFC8

類似色

#C8BEAF

#B8C8AF

#C5C8AF

トライアド

#C5C8AF

#AFC5C8

#C8AFC5

スプリット補色

#C5C8AF

#AFB8C8

#BEAFC8

テトラード

#C5C8AF

#AFC8BE

#B2AFC8

#C8AFB8

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

オリジナル

#C5C8AF

第1色覚異常

#C6C6B5

第2色覚異常

#C6C6B6

第3色覚異常

#C5BABB

全色盲

#C6C6C6

CSS使用法

background-color: #C5C8AF;
color: #C5C8AF;
border-color: #C5C8AF;
最も近いTailwind： Stone 300 #D6D3D1

Tailwindシェード

50
#F8F9F6
100
#EFF0EA
200
#E0E2D5
300
#CACDB6
400
#AEB28F
500
#919768
600
#747953
700
#5D6143
800
#494C34
900
#373928
950
#22241A

コントラストチェッカー

白背景のテキスト

1.71:1

AA Fail AAA Fail

黒背景のテキスト

12.25:1

AA Pass AAA Pass

比較する

#C5C8AF
#B2AFC8
#C5C8AF
#FFFFFF
#000000
#C5C8AF

関連記事

チュートリアル

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 #C5C8AF?

RGB(197, 200, 175) · HSL(67.2, 18.5%, 73.5%) · CMYK(1.5%, 0.0%, 12.5%, 21.6%)

Does #C5C8AF meet WCAG contrast on white?

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

What text color is readable on #C5C8AF?

Use 000000 text on a #C5C8AF background; contrast on black is 12.25:1.