深川鼠

ふかがわねずみ|Fukagawa-nezumi

色コードの出典:深川鼠 - 和色大辞典

広色域(Display P3)比較

sRGB(従来のWeb標準)

#97A791

Display P3(広色域)

color(display-p3 0.6039 0.6529 0.5758)

意味と歴史

由来

薄い青緑みの灰色で、藍の薄染めをさらに抑えた色である。浅葱色の色みを減じて、グレートーンに近い落ち着きを加えた色合い。

出典(1件)

歴史

江戸時代後期に流行した色で、色名は江戸『深川』の粋な若衆や、華美を嫌い渋さを好んだ芸妓衆が愛用したことに由来する。江戸の粋な美意識を代表する色である。

出典(1件)

心理的効果

渋さと上品さを兼ね備えた色で、控え目ながら深い魅力を持つ。江戸の粋な美学を表現し、見る者に洗練された落ち着きをもたらす。

出典(1件)

伝統的な用途

江戸時代には着物地として流行し、特に芸妓や粋な町人に愛用された。現代でも江戸文化を表現する装飾や工芸品に用いられている。

出典(1件)

CSSコード

HEX

#97A791

RGB

rgb(151, 167, 145)

CMYK

cmyk(9.6%, 0%, 13.2%, 34.5%)

HSV

hsv(103.6, 13.2%, 65.5%)

OKLCH

oklch(70.95% 0.0361 137.2)

Display P3

color(display-p3 0.6039 0.6529 0.5758)

Munsell

CIE XYZ

XYZ(0.31691, 0.36261, 0.32112)

CIE L*a*b*

Lab(66.718698, -9.833497, 9.491573)

CIE LCH(ab)

LCH(66.718698, 13.667027, 136.013646°)

CIE L*u*v*

Luv(66.718698, -7.966648, 15.042659)

Hunter Lab

Hunter Lab(60.216922, -8.349963, 7.553495)

xyY

xyY(0.316709, 0.362376, 0.36261)

JzAzBz

JzAzBz(0.020623, -0.001582, 0.002078)

JzCzHz

JzCzHz(0.020623, 0.002612, 127.282343°)

フォールバック付きCSS

.element {
  /* sRGBフォールバック */
  background-color: #97A791;
  background-color: oklch(70.95% 0.0361 137.2);
}

@media (color-gamut: p3) {
  .element {
    background-color: color(display-p3 0.6039 0.6529 0.5758);
  }
}

コントラストチェッカー

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

白背景

2.54:1

AA FailAAA Fail
AA大文字 Fail

黒背景

8.25:1

AA PassAAA Pass
AA大文字 Pass

白文字

2.54:1

AA FailAAA Fail
AA大文字 Fail

黒文字

8.25:1

AA PassAAA Pass
AA大文字 Pass

配色シミュレーター

この色を背景やテキストに使用した場合のプレビューです。見た目の見本のため、読み上げからは省略しています。

背景色として使用
テキスト色として使用
UIコンポーネントでの使用例

色覚シミュレーション

P型(1型)

赤色の感度が低下

#A9A390

D型(2型)

緑色の感度が低下

#A6A292

T型(3型)

青色の感度が低下

#97A5A1

配色提案

この色の配色提案は、日本の伝統的な「かさねの色目」や「しきたり」の美意識に基づき、同じ文化圏の伝統色から最も近い調和色を選出しています。

補色

Complementary

色相環の反対側に位置する色。最も強いコントラストを生む

#97A791
#AB9BB1

類似色

Analogous

色相が近い色の組み合わせ。自然で調和的な印象を与える

#97A791
#A3A38A
#8DA99D

トライアド

Triadic

色相環を三等分する配色。活力がありバランスの良い組み合わせ

#97A791
#93A3B8
#B79999

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

Split-complementary

補色の両隣を使う配色。補色より柔らかいコントラスト

#97A791
#9F9EB7
#B399A6

テトラディック(正方形)

Tetradic (Square)

色相環を四等分する配色。豊かな色彩で華やかな印象

#97A791
#8AA6B3
#AB9BB1
#B59B8E

テトラディック(長方形)

Tetradic (Rectangle)

二対の補色を組み合わせた配色。多彩ながらまとまりのある配色

#97A791
#88A9A9
#AB9BB1
#B79999

モノクロマティック

Monochromatic

同じ色相で明度・彩度を変えた配色。統一感のある上品な印象

#97A791
#DCE4D8
#687B62
#B8C5B3

ダブルコンプリメンタリー

Double Complementary

隣り合う二色とその補色による四色配色。複雑で魅力的な配色

#97A791
#8DA99D
#AB9BB1
#B399A6

伝統的な配色の提案

同じ文化圏の伝統色から、色彩理論的に調和する色を選出しました。

グラデーション

ティント(明るく)

background: linear-gradient(to right, #97A791, #FFFFFF);
#97A791
#ACB9A7
#C1CABD
#D5DCD3
#EAEDE9
#FFFFFF

シェード(暗く)

background: linear-gradient(to right, #97A791, #000000);
#97A791
#798674
#5B6457
#3C433A
#1E211D
#000000

透明へ

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

エクスポート

CSS変数
--color-fukagawanezumi: #97A791;
--color-fukagawanezumi-rgb: 151, 167, 145;
--color-fukagawanezumi-oklch: 70.95% 0.0361 137.2;
Sass変数
$color-fukagawanezumi: #97A791;
$color-fukagawanezumi-rgb: rgb(151, 167, 145);
$color-fukagawanezumi-oklch: oklch(70.95% 0.0361 137.2);
Tailwind Config
'fukagawanezumi': '#97A791',
SwiftUI
Color(red: 0.592, green: 0.655, blue: 0.569)
JSON
{
  "name": {
    "ja": "深川鼠",
    "en": "Fukagawa-nezumi",
    "reading": "ふかがわねずみ"
  },
  "hex": "#97A791",
  "rgb": {
    "r": 151,
    "g": 167,
    "b": 145
  },
  "cmyk": {
    "c": 9.6,
    "m": 0,
    "y": 13.2,
    "k": 34.5
  },
  "oklch": {
    "l": 70.95,
    "c": 0.0361,
    "h": 137.2
  },
  "displayP3": {
    "r": 0.6039,
    "g": 0.6529,
    "b": 0.5758
  },
  "hsv": {
    "h": 103.6,
    "s": 13.2,
    "v": 65.5
  },
  "munsell": ""
}