#0F0608

赤、ピンク系の色

#0f0608 は「赤、ピンク」系の色です。RGB(15, 6, 8)、HSL(347°, 43%, 4%)、CMYK(0%, 60%, 47%, 94%)。最も近い色名は black。白背景とのコントラスト比は 20:1、黒背景は 1.05:1。濃淡、配色、色覚シミュレーションも確認できます。

カラーコード

HEX#0f0608
RGBrgb(15 6 8)
RGB (legacy)rgb(15, 6, 8)
RGB %rgb(6% 2% 3%)
HSLhsl(347 43% 4%)
HSV / HSBhsv(347, 60%, 6%)
HWBhwb(347 2% 94%)
CMYKcmyk(0%, 60%, 47%, 94%)
CIELAB (D50)lab(2.27 2.85 0.19)
LCHlch(2.27 2.86 3.72)
OKLaboklab(0.1379 0.0182 0.0009)
OKLCHoklch(0.1379 0.0182 2.99)
10進数984584

色の特性

色調赤、ピンク
最も近い色名black ΔE 13.9
最も近いWebセーフカラー#000000
色相347°
彩度 (HSL / HSV)43% / 60%
輝度 (HSL)4%
明度 (HSV)6%
明るさ (Rec.601 / Rec.709)3% / 3%
相対輝度(WCAG)0.0025
赤 / 緑 / 青15 / 6 / 8

WCAG 2.2 コントラスト比

白背景 (#ffffff)
20.00:1
AA 通常 (4.5:1) · 合格AA 大きい文字 (3:1) · 合格AAA 通常 (7:1) · 合格
黒背景 (#000000)
1.05:1
AA 通常 (4.5:1) · 基準未満AA 大きい文字 (3:1) · 基準未満AAA 通常 (7:1) · 基準未満
Aa Bb 123

APCA コントラスト Lc(参考値) — 文字色として白背景/黒背景: Lc 105.9 / 0 · 背景色として白文字/黒文字: Lc -107.8 / 0

明度スケール(OKLCH 50〜950)

同じ色相・彩度のまま明るさだけを均等に変えた11段階です。デザインシステムのカラートークンにそのまま使えます。

ティント(白を混ぜる)

シェード(黒を混ぜる)

配色パターン

色覚シミュレーション

色覚の多様性を持つ人には、この色が次のように見えると推定されます(Machado 2009)。

近い色名

CSSでの使い方

:root {
  --color-brand: #0f0608;
  --color-brand-oklch: oklch(13.79% 0.0182 2.99);
}
.text { color: var(--color-brand); }
.background { background-color: var(--color-brand); }
.border { border: 1px solid rgb(15 6 8 / 50%); }
/* Tailwind CSS */
<div class="bg-[#0f0608] text-[#0f0608] border-[#0f0608]">