#C9666A

#C9666A

カラー値

HEX

#C9666A

RGB

201, 102, 106

HSL

357.6, 47.8%, 59.4%

HSV

357.6, 49.3%, 78.8%

CMYK

0.0%, 49.3%, 47.3%, 21.2%

OKLCH

0.6276 0.1259 18.8

プロパティ

暖色 明るい 最も近い： Fuzzy Wuzzy

色彩心理学

Pure red is the color of adrenaline, passion, and urgency. It raises heart rate and stimulates appetite, which is why fast-food chains and sale banners rely on it worldwide. Culturally, red signifies luck and prosperity in East Asia while representing danger and prohibition in Western road signage.

Design Usage

Medium red is ideal for call-to-action buttons, sale badges, and notification dots where instant attention is needed. It should be used sparingly as an accent rather than a dominant background to avoid visual fatigue. Red pairs effectively with white text for maximum legibility in buttons and banners.

カラーハーモニー

補色

#C9666A

#66C9C5

類似色

#C9669B

#C99466

#C9666A

トライアド

#C9666A

#6AC966

#666AC9

スプリット補色

#C9666A

#66C994

#669BC9

テトラード

#C9666A

#9BC966

#66C9C5

#9466C9

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

オリジナル

#C9666A

第1色覚異常

#9E9D69

第2色覚異常

#A4AB69

第3色覚異常

#C46868

全色盲

#7B7B7B

CSS使用法

background-color: #C9666A;
color: #C9666A;
border-color: #C9666A;
最も近いTailwind： Red 400 #F87171

Tailwindシェード

50
#FAF4F4
100
#F4E6E6
200
#ECCACC
300
#DFA5A7
400
#CE7477
500
#BC4347
600
#973539
700
#792B2E
800
#5E2124
900
#451C1D
950
#2C1112

コントラストチェッカー

白背景のテキスト

3.76:1

AA Fail AAA Fail

黒背景のテキスト

5.59:1

AA Pass AAA Fail

比較する

#C9666A
#66C9C5
#C9666A
#FFFFFF
#000000
#C9666A

関連記事

チュートリアル

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

RGB(201, 102, 106) · HSL(357.6, 47.8%, 59.4%) · CMYK(0.0%, 49.3%, 47.3%, 21.2%)

Does #C9666A meet WCAG contrast on white?

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

What text color is readable on #C9666A?

Use 000000 text on a #C9666A background; contrast on black is 5.59:1.