#201C01

#201C01

カラー値

HEX

#201C01

RGB

32, 28, 1

HSL

52.3, 93.9%, 6.5%

HSV

52.3, 96.9%, 12.5%

CMYK

0.0%, 12.5%, 96.9%, 87.5%

OKLCH

0.2242 0.0451 101.6

プロパティ

暖色 暗い 最も近い： RAL 6022 Olive Drab

色彩心理学

Dark yellows and golds convey prestige, wisdom, and enduring value. Gold has represented wealth and achievement throughout human history, from pharaonic tombs to Olympic medals. These warm, deep tones suggest quality without the flashiness of brighter yellows.

Design Usage

Dark gold and amber tones suit financial services, premium memberships, and achievement badges. They work as accent text or icon colors against dark backgrounds for a luxurious feel. Pair them with charcoal, deep navy, or rich brown to create sophisticated, high-end interfaces.

カラーハーモニー

補色

#201C01

#010520

類似色

#200D01

#152001

#201C01

トライアド

#201C01

#01201C

#1C0120

スプリット補色

#201C01

#011520

#0D0120

テトラード

#201C01

#01200D

#010520

#200115

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

オリジナル

#201C01

第1色覚異常

#1E1E08

第2色覚異常

#1E1F09

第3色覚異常

#200D0E

全色盲

#1B1B1B

CSS使用法

background-color: #201C01;
color: #201C01;
border-color: #201C01;
最も近いTailwind： Stone 900 #1C1917

Tailwindシェード

50
#FDFCF1
100
#FBF8DF
200
#FDF4BA
300
#FBED88
400
#F9E348
500
#F7D808
600
#C6AD06
700
#9E8B05
800
#7C6C04
900
#594F08
950
#383205

コントラストチェッカー

白背景のテキスト

17.1:1

AA Pass AAA Pass

黒背景のテキスト

1.23:1

AA Fail AAA Fail

比較する

#201C01
#010520
#201C01
#FFFFFF
#000000
#201C01

関連記事

チュートリアル

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 #201C01?

RGB(32, 28, 1) · HSL(52.3, 93.9%, 6.5%) · CMYK(0.0%, 12.5%, 96.9%, 87.5%)

Does #201C01 meet WCAG contrast on white?

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

What text color is readable on #201C01?

Use FFFFFF text on a #201C01 background; contrast on black is 1.23:1.