#C49385

#C49385

カラー値

HEX

#C49385

RGB

196, 147, 133

HSL

13.3, 34.8%, 64.5%

HSV

13.3, 32.1%, 76.9%

CMYK

0.0%, 25.0%, 32.1%, 23.1%

OKLCH

0.7062 0.0631 36.5

プロパティ

暖色 明るい 最も近い： rosybrown

色彩心理学

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.

カラーハーモニー

補色

#C49385

#85B6C4

類似色

#C48597

#C4B285

#C49385

トライアド

#C49385

#85C493

#9385C4

スプリット補色

#C49385

#85C4B2

#8597C4

テトラード

#C49385

#97C485

#85B6C4

#B285C4

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

オリジナル

#C49385

第1色覚異常

#AFAE88

第2色覚異常

#B2B589

第3色覚異常

#C28B8C

全色盲

#9C9C9C

CSS使用法

background-color: #C49385;
color: #C49385;
border-color: #C49385;
最も近いTailwind： Red 300 #FCA5A5

Tailwindシェード

50
#FAF6F5
100
#F2EAE8
200
#E8D4CF
300
#D7B6AD
400
#C18E80
500
#AC6753
600
#895243
700
#6E4235
800
#56332A
900
#402821
950
#281915

コントラストチェッカー

白背景のテキスト

2.67:1

AA Fail AAA Fail

黒背景のテキスト

7.86:1

AA Pass AAA Pass

比較する

#C49385
#85B6C4
#C49385
#FFFFFF
#000000
#C49385

関連記事

チュートリアル

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

RGB(196, 147, 133) · HSL(13.3, 34.8%, 64.5%) · CMYK(0.0%, 25.0%, 32.1%, 23.1%)

Does #C49385 meet WCAG contrast on white?

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

What text color is readable on #C49385?

Use 000000 text on a #C49385 background; contrast on black is 7.86:1.