#6C694A

#6C694A

カラー値

HEX

#6C694A

RGB

108, 105, 74

HSL

54.7, 18.7%, 35.7%

HSV

54.7, 31.5%, 42.4%

CMYK

0.0%, 2.8%, 31.5%, 57.6%

OKLCH

0.5151 0.046 103.2

プロパティ

暖色 暗い 最も近い： RAL 6013 Reed Green

色彩心理学

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.

カラーハーモニー

補色

#6C694A

#4A4D6C

類似色

#6C584A

#5E6C4A

#6C694A

トライアド

#6C694A

#4A6C69

#694A6C

スプリット補色

#6C694A

#4A5E6C

#584A6C

テトラード

#6C694A

#4A6C58

#4A4D6C

#6C4A5E

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

オリジナル

#6C694A

第1色覚異常

#6B6B51

第2色覚異常

#6B6B53

第3色覚異常

#6C5759

全色盲

#676767

CSS使用法

background-color: #6C694A;
color: #6C694A;
border-color: #6C694A;
最も近いTailwind： Stone 500 #78716C

Tailwindシェード

50
#F9F8F6
100
#F0EFEA
200
#E2E1D5
300
#CDCBB6
400
#B2AF8F
500
#979368
600
#797653
700
#615E42
800
#4C4A34
900
#393728
950
#242319

コントラストチェッカー

白背景のテキスト

5.59:1

AA Pass AAA Fail

黒背景のテキスト

3.76:1

AA Fail AAA Fail

比較する

#6C694A
#4A4D6C
#6C694A
#FFFFFF
#000000
#6C694A

関連記事

チュートリアル

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 #6C694A?

RGB(108, 105, 74) · HSL(54.7, 18.7%, 35.7%) · CMYK(0.0%, 2.8%, 31.5%, 57.6%)

Does #6C694A meet WCAG contrast on white?

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

What text color is readable on #6C694A?

Use FFFFFF text on a #6C694A background; contrast on black is 3.76:1.