#AFAC11

#AFAC11

カラー値

HEX

#AFAC11

RGB

175, 172, 17

HSL

58.9, 82.3%, 37.6%

HSV

58.9, 90.3%, 68.6%

CMYK

0.0%, 1.7%, 90.3%, 31.4%

OKLCH

0.7235 0.1532 108.4

プロパティ

暖色 明るい 最も近い： RAL 1027 Curry

色彩心理学

Pure yellow is the most luminous color in the spectrum, instantly associated with sunshine, optimism, and alertness. It stimulates the nervous system and enhances concentration, which is why it appears on school buses and warning signs. Yellow demands attention faster than any other color.

Design Usage

Medium yellow is powerful for attention badges, star ratings, and highlight accents in otherwise neutral interfaces. It is one of the hardest colors to use as a primary brand color because of contrast limitations against white. Dark text on yellow achieves strong readability, making it effective for caution banners.

カラーハーモニー

補色

#AFAC11

#1114AF

類似色

#AF5D11

#63AF11

#AFAC11

トライアド

#AFAC11

#11AFAC

#AC11AF

スプリット補色

#AFAC11

#1163AF

#5D11AF

テトラード

#AFAC11

#11AF5D

#1114AF

#AF1163

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

オリジナル

#AFAC11

第1色覚異常

#AEAE36

第2色覚異常

#AEAE40

第3色覚異常

#AF545B

全色盲

#A1A1A1

CSS使用法

background-color: #AFAC11;
color: #AFAC11;
border-color: #AFAC11;
最も近いTailwind： Amber 300 #FCD34D

Tailwindシェード

50
#FDFDF2
100
#FAF9E1
200
#F9F8BE
300
#F4F28F
400
#EEEB53
500
#E8E517
600
#BAB712
700
#95920E
800
#74720B
900
#54530D
950
#353408

コントラストチェッカー

白背景のテキスト

2.4:1

AA Fail AAA Fail

黒背景のテキスト

8.73:1

AA Pass AAA Pass

比較する

#AFAC11
#1114AF
#AFAC11
#FFFFFF
#000000
#AFAC11

関連記事

チュートリアル

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

RGB(175, 172, 17) · HSL(58.9, 82.3%, 37.6%) · CMYK(0.0%, 1.7%, 90.3%, 31.4%)

Does #AFAC11 meet WCAG contrast on white?

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

What text color is readable on #AFAC11?

Use 000000 text on a #AFAC11 background; contrast on black is 8.73:1.