#C1AFAC

#C1AFAC

カラー値

HEX

#C1AFAC

RGB

193, 175, 172

HSL

8.6, 14.5%, 71.6%

HSV

8.6, 10.9%, 75.7%

CMYK

0.0%, 9.3%, 10.9%, 24.3%

OKLCH

0.7684 0.0213 28.9

プロパティ

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

色彩心理学

Light reds and soft scarlets evoke warmth, tenderness, and gentle passion. They carry romantic undertones and are often associated with compassion and affection. Culturally, lighter reds symbolize joy and celebration across many East Asian traditions.

Design Usage

Light reds work well as accent colors in wellness, beauty, and lifestyle brands. They soften the intensity of pure red while retaining its emotional warmth. Use them for call-to-action buttons where urgency should feel inviting rather than aggressive.

カラーハーモニー

補色

#C1AFAC

#ACBEC1

類似色

#C1ACB4

#C1BAAC

#C1AFAC

トライアド

#C1AFAC

#ACC1AF

#AFACC1

スプリット補色

#C1AFAC

#ACC1BA

#ACB4C1

テトラード

#C1AFAC

#B4C1AC

#ACBEC1

#BAACC1

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

オリジナル

#C1AFAC

第1色覚異常

#B9B9AD

第2色覚異常

#BABCAD

第3色覚異常

#C0ADAD

全色盲

#B3B3B3

CSS使用法

background-color: #C1AFAC;
color: #C1AFAC;
border-color: #C1AFAC;
最も近いTailwind： Stone 400 #A8A29E

Tailwindシェード

50
#F8F7F6
100
#EFECEB
200
#E0D8D6
300
#CBBBB9
400
#AE9793
500
#92726D
600
#755B57
700
#5D4946
800
#493937
900
#372C2A
950
#231C1B

コントラストチェッカー

白背景のテキスト

2.1:1

AA Fail AAA Fail

黒背景のテキスト

10.0:1

AA Pass AAA Pass

比較する

#C1AFAC
#ACBEC1
#C1AFAC
#FFFFFF
#000000
#C1AFAC

関連記事

チュートリアル

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

RGB(193, 175, 172) · HSL(8.6, 14.5%, 71.6%) · CMYK(0.0%, 9.3%, 10.9%, 24.3%)

Does #C1AFAC meet WCAG contrast on white?

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

What text color is readable on #C1AFAC?

Use 000000 text on a #C1AFAC background; contrast on black is 10.0:1.