#677521

#677521

カラー値

HEX

#677521

RGB

103, 117, 33

HSL

70.0, 56.0%, 29.4%

HSV

70.0, 71.8%, 45.9%

CMYK

12.0%, 0.0%, 71.8%, 54.1%

OKLCH

0.5337 0.1082 118.4

プロパティ

寒色 暗い 最も近い： NCS S 2050-G60Y Olive

色彩心理学

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.

カラーハーモニー

補色

#677521

#2F2175

類似色

#755921

#3D7521

#677521

トライアド

#677521

#216775

#752167

スプリット補色

#677521

#213D75

#592175

テトラード

#677521

#217559

#2F2175

#75213D

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

オリジナル

#677521

第1色覚異常

#6D6D35

第2色覚異常

#6C6B3A

第3色覚異常

#684549

全色盲

#6C6C6C

CSS使用法

background-color: #677521;
color: #677521;
border-color: #677521;
最も近いTailwind： Lime 800 #3F6212

Tailwindシェード

50
#FAFBF4
100
#F3F6E5
200
#E9EFC7
300
#D9E4A0
400
#C4D56C
500
#AFC738
600
#8C9F2D
700
#707F24
800
#58631C
900
#414918
950
#292E0F

コントラストチェッカー

白背景のテキスト

5.07:1

AA Pass AAA Fail

黒背景のテキスト

4.14:1

AA Fail AAA Fail

比較する

#677521
#2F2175
#677521
#FFFFFF
#000000
#677521

関連記事

チュートリアル

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

RGB(103, 117, 33) · HSL(70.0, 56.0%, 29.4%) · CMYK(12.0%, 0.0%, 71.8%, 54.1%)

Does #677521 meet WCAG contrast on white?

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

What text color is readable on #677521?

Use FFFFFF text on a #677521 background; contrast on black is 4.14:1.