#552B2C

#552B2C

カラー値

HEX

#552B2C

RGB

85, 43, 44

HSL

358.6, 32.8%, 25.1%

HSV

358.6, 49.4%, 33.3%

CMYK

0.0%, 49.4%, 48.2%, 66.7%

OKLCH

0.3449 0.0621 19.3

プロパティ

暖色 暗い 最も近い： RAL 8015 Chestnut Brown

色彩心理学

Dark reds like maroon and burgundy convey sophistication, maturity, and deep emotion. These tones are linked to fine wine, aged leather, and established authority. They carry the intensity of red but channel it into a more restrained, refined expression of power.

Design Usage

Dark reds suit luxury brands, law firms, and premium product packaging. In web design, they create rich hero sections and elegant navigation bars without the visual aggressiveness of brighter reds. They work well with gold accents, cream text, and dark backgrounds for a classic aesthetic.

カラーハーモニー

補色

#552B2C

#2B5554

類似色

#552B41

#553F2B

#552B2C

トライアド

#552B2C

#2C552B

#2B2C55

スプリット補色

#552B2C

#2B553F

#2B4155

テトラード

#552B2C

#41552B

#2B5554

#3F2B55

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

オリジナル

#552B2C

第1色覚異常

#43422C

第2色覚異常

#45482C

第3色覚異常

#532C2C

全色盲

#343434

CSS使用法

background-color: #552B2C;
color: #552B2C;
border-color: #552B2C;
最も近いTailwind： Orange 950 #431407

Tailwindシェード

50
#F9F5F5
100
#F2E8E8
200
#E7D0D0
300
#D6AEAF
400
#C08283
500
#A95658
600
#874546
700
#6C3738
800
#552B2C
900
#3F2223
950
#281616

コントラストチェッカー

白背景のテキスト

11.88:1

AA Pass AAA Pass

黒背景のテキスト

1.77:1

AA Fail AAA Fail

比較する

#552B2C
#2B5554
#552B2C
#FFFFFF
#000000
#552B2C

関連記事

チュートリアル

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 #552B2C?

RGB(85, 43, 44) · HSL(358.6, 32.8%, 25.1%) · CMYK(0.0%, 49.4%, 48.2%, 66.7%)

Does #552B2C meet WCAG contrast on white?

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

What text color is readable on #552B2C?

Use FFFFFF text on a #552B2C background; contrast on black is 1.77:1.