洗朱

あらいしゅ | Faded Vermilion

日本の伝統色 橙系 日本の伝統色

広色域(Display P3)比較

sRGB(従来のWeb標準)

#D0826C

Display P3(広色域)

color(display-p3 0.77 0.52 0.44)

意味と歴史

由来

朱色を洗い流したような、くすんだ淡い朱色を意味する色名。鮮やかな朱に白を混ぜたり、日に晒して退色させたような柔らかな赤橙色で、「洗い」は色の鮮やかさが抜け落ちた状態を表す日本独特の色彩表現である。

歴史

派手さを抑えた品のある朱として、千利休をはじめとする茶人や風流人に好まれた色である。侘び茶の精神に通じる控えめな美しさを持ち、桃山時代から江戸時代にかけて茶室の壁色や漆器の風合いとして珍重されてきた。

心理的効果

上品さと落ち着き、成熟した優美さを感じさせる色で、華やかさの中にある慎ましさを象徴する。時を経た朱のように深みを増した色調は、人生の円熟や経験に裏打ちされた品格を連想させ、静かな満足感をもたらす。

伝統的な用途

茶道具の朱塗り椀や棗、落ち着いた装いの着物や帯、和室の壁や襖の装飾に用いられた。現代では和風カフェの内装や陶芸の釉薬、アンティーク調のインテリアにも取り入れられ、温かみのある渋い空間を演出している。

CSSコード

HEX

#D0826C

RGB

rgb(208, 130, 108)

CMYK

cmyk(0%, 38%, 48%, 18%)

HSV

hsv(13, 48%, 82%)

OKLCH

oklch(0.683 0.102 36.5)

Display P3

color(display-p3 0.77 0.52 0.44)

Munsell

2.5YR 6.2/6

フォールバック付きCSS

.element {
  /* sRGBフォールバック */
  background-color: #D0826C;
  background-color: oklch(0.683 0.102 36.5);
}

@media (color-gamut: p3) {
  .element {
    background-color: color(display-p3 0.77 0.52 0.44);
  }
}

コントラストチェッカー

WCAG 2.1 基準に基づくコントラスト比を表示します。

サンプル

白背景

2.96:1

AA Fail AAA Fail
AA大文字 Fail
サンプル

黒背景

7.09:1

AA Pass AAA Pass
AA大文字 Pass
サンプル

白文字

2.96:1

AA Fail AAA Fail
AA大文字 Fail
サンプル

黒文字

7.09:1

AA Pass AAA Pass
AA大文字 Pass

配色シミュレーター

この色を背景やテキストに使用した場合のプレビューです。

背景色として使用

白テキスト — The quick brown fox

黒テキスト — The quick brown fox

色の上にテキストを配置した場合の可読性を確認できます。見出し・本文・リンクなど、さまざまなサイズで試してみてください。

テキスト色として使用

白背景 — 見出しテキスト

本文テキストのサンプルです。The quick brown fox jumps over the lazy dog.

黒背景 — 見出しテキスト

本文テキストのサンプルです。The quick brown fox jumps over the lazy dog.

UIコンポーネントでの使用例
バッジ

色覚シミュレーション

P型(1型)

赤色の感度が低下

#958C6A

D型(2型)

緑色の感度が低下

#A89C6B

T型(3型)

青色の感度が低下

#E0767C

配色提案

補色

色相環の反対側

類似色

色相が近い色

トライアド

三角形の配色

スプリットコンプリメンタリー

補色の両隣

グラデーション

ティント(明るく)

background: linear-gradient(to right, #D0826C, #FFFFFF);
#D0826C
#D99B89
#E3B4A7
#ECCDC4
#F6E6E2
#FFFFFF

シェード(暗く)

background: linear-gradient(to right, #D0826C, #000000);
#D0826C
#A66856
#7D4E41
#53342B
#2A1A16
#000000

透明へ

background: linear-gradient(to right, #D0826C, transparent);

エクスポート

CSS変数
--color-araizhu: #D0826C;
--color-araizhu-rgb: 208, 130, 108;
--color-araizhu-oklch: 0.683 0.102 36.5;
Sass変数
$color-araizhu: #D0826C;
$color-araizhu-rgb: rgb(208, 130, 108);
$color-araizhu-oklch: oklch(0.683 0.102 36.5);
Tailwind Config
'araizhu': '#D0826C',
SwiftUI
Color(red: 0.816, green: 0.510, blue: 0.424)
JSON
{
  "name": {
    "ja": "洗朱",
    "en": "Faded Vermilion",
    "reading": "あらいしゅ"
  },
  "hex": "#D0826C",
  "rgb": {
    "r": 208,
    "g": 130,
    "b": 108
  },
  "cmyk": {
    "c": 0,
    "m": 38,
    "y": 48,
    "k": 18
  },
  "oklch": {
    "l": 0.683,
    "c": 0.102,
    "h": 36.5
  },
  "displayP3": {
    "r": 0.77,
    "g": 0.52,
    "b": 0.44
  },
  "hsv": {
    "h": 13,
    "s": 48,
    "v": 82
  },
  "munsell": "2.5YR 6.2/6"
}

関連する色

他の文化圏の類似色