#D8AF68

#D8AF68

カラー値

HEX

#D8AF68

RGB

216, 175, 104

HSL

38.0, 58.9%, 62.7%

HSV

38.0, 51.9%, 84.7%

CMYK

0.0%, 19.0%, 51.9%, 15.3%

OKLCH

0.7758 0.1014 80.1

プロパティ

暖色 明るい 最も近い： RAL 1002 Sand Yellow

色彩心理学

True orange embodies enthusiasm, creativity, and adventure. It stimulates mental activity and social interaction, making it a favorite in creative industries. Orange is highly visible and conveys confidence without the aggression of red, bridging warmth and energy.

Design Usage

Medium orange excels in CTAs, pricing highlights, and gamification elements where excitement is desired. Tech companies and SaaS products use it to differentiate from the dominant blue of their competitors. It requires careful contrast checking since mid-range orange can fail WCAG on light backgrounds.

カラーハーモニー

補色

#D8AF68

#6891D8

類似色

#D87768

#C9D868

#D8AF68

トライアド

#D8AF68

#68D8AF

#AF68D8

スプリット補色

#D8AF68

#68C9D8

#7768D8

テトラード

#D8AF68

#68D877

#6891D8

#D868C9

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

オリジナル

#D8AF68

第1色覚異常

#C6C679

第2色覚異常

#C9CC7D

第3色覚異常

#D6878A

全色盲

#B3B3B3

CSS使用法

background-color: #D8AF68;
color: #D8AF68;
border-color: #D8AF68;
最も近いTailwind： Orange 300 #FDBA74

Tailwindシェード

50
#FBF8F4
100
#F6F0E4
200
#F0E1C6
300
#E6CB9E
400
#D8AF69
500
#CB9434
600
#A2762A
700
#825E22
800
#654A1A
900
#4A3717
950
#2F230E

コントラストチェッカー

白背景のテキスト

2.05:1

AA Fail AAA Fail

黒背景のテキスト

10.25:1

AA Pass AAA Pass

比較する

#D8AF68
#6891D8
#D8AF68
#FFFFFF
#000000
#D8AF68

関連記事

チュートリアル

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

RGB(216, 175, 104) · HSL(38.0, 58.9%, 62.7%) · CMYK(0.0%, 19.0%, 51.9%, 15.3%)

Does #D8AF68 meet WCAG contrast on white?

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

What text color is readable on #D8AF68?

Use 000000 text on a #D8AF68 background; contrast on black is 10.25:1.