御召御納戸

おめしおなんど | Formal Nando Blue

日本の伝統色 青系 江戸時代(1603-1868)

広色域(Display P3)比較

sRGB(従来のWeb標準)

#4C6473

Display P3(広色域)

color(display-p3 0.32 0.39 0.44)

意味と歴史

由来

江戸幕府の将軍が着用する「御召(おめし)」の衣服に用いられた納戸色に由来する。「御召」は将軍の衣服を指す最高敬語であり、将軍家専用の格式高い青色として特別に調製された藍染めの色である。

歴史

徳川将軍家に由来する格式高い色で、江戸城の納戸(衣装収納部屋)に保管される将軍の衣服の色から名がついた。庶民にとっては憧れの色であり、将軍家の威光と格式を視覚的に示す権威の象徴であった。

心理的効果

格式、威厳、揺るぎない権威を感じさせる。落ち着いた青灰色は派手さを排しながらも確かな存在感を放ち、最高権力者の装いにふさわしい品格と重厚さを湛えた、威風堂々とした印象を与える色である。

伝統的な用途

将軍の御召縮緬をはじめとする武家の正装に用いられ、江戸城内の調度品にも見られた色。現代では格式ある和装の色として受け継がれ、男性の紋付袴や着物の色としてフォーマルな場面で選ばれている。

CSSコード

HEX

#4C6473

RGB

rgb(76, 100, 115)

CMYK

cmyk(34%, 13%, 0%, 55%)

HSV

hsv(203, 34%, 45%)

OKLCH

oklch(0.49 0.038 236)

Display P3

color(display-p3 0.32 0.39 0.44)

Munsell

5B 4.1/2

フォールバック付きCSS

.element {
  /* sRGBフォールバック */
  background-color: #4C6473;
  background-color: oklch(0.49 0.038 236);
}

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

コントラストチェッカー

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

サンプル

白背景

6.22:1

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

黒背景

3.38:1

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

白文字

6.22:1

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

黒文字

3.38:1

AA Fail AAA Fail
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型)

赤色の感度が低下

#5D6374

D型(2型)

緑色の感度が低下

#585F73

T型(3型)

青色の感度が低下

#3F6869

配色提案

補色

色相環の反対側

類似色

色相が近い色

トライアド

三角形の配色

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

補色の両隣

グラデーション

ティント(明るく)

background: linear-gradient(to right, #4C6473, #FFFFFF);
#4C6473
#70838F
#94A2AB
#B7C1C7
#DBE0E3
#FFFFFF

シェード(暗く)

background: linear-gradient(to right, #4C6473, #000000);
#4C6473
#3D505C
#2E3C45
#1E282E
#0F1417
#000000

透明へ

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

エクスポート

CSS変数
--color-omeshionando: #4C6473;
--color-omeshionando-rgb: 76, 100, 115;
--color-omeshionando-oklch: 0.49 0.038 236;
Sass変数
$color-omeshionando: #4C6473;
$color-omeshionando-rgb: rgb(76, 100, 115);
$color-omeshionando-oklch: oklch(0.49 0.038 236);
Tailwind Config
'omeshionando': '#4C6473',
SwiftUI
Color(red: 0.298, green: 0.392, blue: 0.451)
JSON
{
  "name": {
    "ja": "御召御納戸",
    "en": "Formal Nando Blue",
    "reading": "おめしおなんど"
  },
  "hex": "#4C6473",
  "rgb": {
    "r": 76,
    "g": 100,
    "b": 115
  },
  "cmyk": {
    "c": 34,
    "m": 13,
    "y": 0,
    "k": 55
  },
  "oklch": {
    "l": 0.49,
    "c": 0.038,
    "h": 236
  },
  "displayP3": {
    "r": 0.32,
    "g": 0.39,
    "b": 0.44
  },
  "hsv": {
    "h": 203,
    "s": 34,
    "v": 45
  },
  "munsell": "5B 4.1/2"
}

関連する色

他の文化圏の類似色