#AF263B

#AF263B

カラー値

HEX

#AF263B

RGB

175, 38, 59

HSL

350.8, 64.3%, 41.8%

HSV

350.8, 78.3%, 68.6%

CMYK

0.0%, 78.3%, 66.3%, 31.4%

OKLCH

0.498 0.1718 18.3

プロパティ

暖色 暗い 最も近い： NCS S 2060-R Deep Red

色彩心理学

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.

カラーハーモニー

補色

#AF263B

#26AF9A

類似色

#AF2680

#AF5626

#AF263B

トライアド

#AF263B

#3BAF26

#263BAF

スプリット補色

#AF263B

#26AF56

#2680AF

テトラード

#AF263B

#80AF26

#26AF9A

#5626AF

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

オリジナル

#AF263B

第1色覚異常

#747236

第2色覚異常

#7C8635

第3色覚異常

#A83231

全色盲

#454545

CSS使用法

background-color: #AF263B;
color: #AF263B;
border-color: #AF263B;
最も近いTailwind： Rose 800 #9F1239

Tailwindシェード

50
#FCF3F4
100
#F7E3E6
200
#F2C4CB
300
#E99AA7
400
#DD6477
500
#D12E47
600
#A82439
700
#861D2D
800
#691723
900
#4C141D
950
#300D12

コントラストチェッカー

白背景のテキスト

6.64:1

AA Pass AAA Fail

黒背景のテキスト

3.16:1

AA Fail AAA Fail

比較する

#AF263B
#26AF9A
#AF263B
#FFFFFF
#000000
#AF263B

関連記事

チュートリアル

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

RGB(175, 38, 59) · HSL(350.8, 64.3%, 41.8%) · CMYK(0.0%, 78.3%, 66.3%, 31.4%)

Does #AF263B meet WCAG contrast on white?

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

What text color is readable on #AF263B?

Use FFFFFF text on a #AF263B background; contrast on black is 3.16:1.