#070310

#070310

カラー値

HEX

#070310

RGB

7, 3, 16

HSL

258.5, 68.4%, 3.7%

HSV

258.5, 81.2%, 6.3%

CMYK

56.2%, 81.3%, 0.0%, 93.7%

OKLCH

0.1175 0.0345 299.4

プロパティ

寒色 暗い 最も近い： black

色彩心理学

Pure and near-pure blacks represent absolute power, elegance, and bold sophistication. They evoke the infinite depth of space, mystery, and timeless authority. Black is the color of luxury fashion, formal occasions, and definitive statements.

Design Usage

The darkest blacks are used for true dark-mode OLED backgrounds and luxury branding. They create maximum contrast and dramatic visual impact when paired with bright colors. Use for premium interfaces, photography backgrounds, and high-contrast design systems.

カラーハーモニー

補色

#070310

#0C1003

類似色

#030510

#0D0310

#070310

トライアド

#070310

#100703

#031007

スプリット補色

#070310

#100D03

#051003

テトラード

#070310

#100305

#0C1003

#03100D

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

オリジナル

#070310

第1色覚異常

#05050D

第2色覚異常

#06060C

第3色覚異常

#070A0A

全色盲

#050505

CSS使用法

background-color: #070310;
color: #070310;
border-color: #070310;
最も近いTailwind： Gray 950 #030712

Tailwindシェード

50
#F6F3FC
100
#E9E3F8
200
#D2C3F4
300
#B298EC
400
#8860E1
500
#5E28D7
600
#4B20AC
700
#3C1A89
800
#2F146B
900
#25134E
950
#170C31

コントラストチェッカー

白背景のテキスト

20.4:1

AA Pass AAA Pass

黒背景のテキスト

1.03:1

AA Fail AAA Fail

比較する

#070310
#0C1003
#070310
#FFFFFF
#000000
#070310

関連記事

チュートリアル

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

RGB(7, 3, 16) · HSL(258.5, 68.4%, 3.7%) · CMYK(56.2%, 81.3%, 0.0%, 93.7%)

Does #070310 meet WCAG contrast on white?

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

What text color is readable on #070310?

Use FFFFFF text on a #070310 background; contrast on black is 1.03:1.