#AF5F4F

#AF5F4F

カラー値

HEX

#AF5F4F

RGB

175, 95, 79

HSL

10.0, 37.8%, 49.8%

HSV

10.0, 54.9%, 68.6%

CMYK

0.0%, 45.7%, 54.9%, 31.4%

OKLCH

0.5749 0.1075 32.4

プロパティ

暖色 暗い 最も近い： Chestnut

色彩心理学

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.

カラーハーモニー

補色

#AF5F4F

#4F9FAF

類似色

#AF4F6F

#AF8F4F

#AF5F4F

トライアド

#AF5F4F

#4FAF5F

#5F4FAF

スプリット補色

#AF5F4F

#4FAF8F

#4F6FAF

テトラード

#AF5F4F

#6FAF4F

#4F9FAF

#8F4FAF

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

オリジナル

#AF5F4F

第1色覚異常

#8C8C53

第2色覚異常

#919754

第3色覚異常

#AB5657

全色盲

#6F6F6F

CSS使用法

background-color: #AF5F4F;
color: #AF5F4F;
border-color: #AF5F4F;
最も近いTailwind： Orange 900 #7C2D12

Tailwindシェード

50
#FAF6F5
100
#F3E9E7
200
#E9D2CE
300
#D9B2AB
400
#C4897D
500
#B05F4F
600
#8D4C3F
700
#703D33
800
#583028
900
#412520
950
#291814

コントラストチェッカー

白背景のテキスト

4.59:1

AA Pass AAA Fail

黒背景のテキスト

4.57:1

AA Pass AAA Fail

比較する

#AF5F4F
#4F9FAF
#AF5F4F
#FFFFFF
#000000
#AF5F4F

関連記事

チュートリアル

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

RGB(175, 95, 79) · HSL(10.0, 37.8%, 49.8%) · CMYK(0.0%, 45.7%, 54.9%, 31.4%)

Does #AF5F4F meet WCAG contrast on white?

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

What text color is readable on #AF5F4F?

Use FFFFFF text on a #AF5F4F background; contrast on black is 4.57:1.