#570B14

#570B14

カラー値

HEX

#570B14

RGB

87, 11, 20

HSL

352.9, 77.6%, 19.2%

HSV

352.9, 87.4%, 34.1%

CMYK

0.0%, 87.4%, 77.0%, 65.9%

OKLCH

0.2983 0.1068 21.1

プロパティ

暖色 暗い 最も近い： RAL 3009 Oxide Red

色彩心理学

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.

カラーハーモニー

補色

#570B14

#0B574E

類似色

#570B3A

#57280B

#570B14

トライアド

#570B14

#14570B

#0B1457

スプリット補色

#570B14

#0B5728

#0B3A57

テトラード

#570B14

#3A570B

#0B574E

#280B57

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

オリジナル

#570B14

第1色覚異常

#363512

第2色覚異常

#3A4011

第3色覚異常

#531010

全色盲

#1C1C1C

CSS使用法

background-color: #570B14;
color: #570B14;
border-color: #570B14;
最も近いTailwind： Red 950 #450A0A

Tailwindシェード

50
#FCF2F3
100
#F9E1E4
200
#F7C0C6
300
#F1929E
400
#EA5769
500
#E21D34
600
#B5172A
700
#911221
800
#710E1A
900
#520F17
950
#34090E

コントラストチェッカー

白背景のテキスト

14.35:1

AA Pass AAA Pass

黒背景のテキスト

1.46:1

AA Fail AAA Fail

比較する

#570B14
#0B574E
#570B14
#FFFFFF
#000000
#570B14

関連記事

チュートリアル

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 #570B14?

RGB(87, 11, 20) · HSL(352.9, 77.6%, 19.2%) · CMYK(0.0%, 87.4%, 77.0%, 65.9%)

Does #570B14 meet WCAG contrast on white?

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

What text color is readable on #570B14?

Use FFFFFF text on a #570B14 background; contrast on black is 1.46:1.