ColorTool
ログイン
#59617B

#59617b ≈ Queen Blue

  • 青
  • 明度: 中程度
  • 彩度: 低め
  • 寒色
コントラストを確認 グラフで探索 ランダムな色

#59617bは青系の色です（明度：中程度、彩度：低め）。 RGBでは赤34.9%、緑38.04%、青48.24%で構成され、CMYK印刷ではシアン27.64%、マゼンタ21.14%、イエロー0%、ブラック51.76%を使います。 HSLでは色相角225.88°、彩度16.04%、明度41.57%です。 寒色で、信頼、安定、集中を連想させることが多い色です。 デザインでは主にテクノロジー製品、金融・銀行、ブランドのアクセントに使われます。 この色の上に白の文字を置くとコントラスト比は6.14:1（WCAG AA）です。 最も近い色名はQueen Blue（#436b95）で、ΔEは9.85です。

この色の測定値から自動生成した説明です。

HEX
RGB
RGB（%）
CMY
CMYK
HSL
HSV / HSB
Webセーフ#666666
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
2進数
10進数
相対輝度0.121

補色

  1. #59617b
  2. #7b7359

分裂補色

  1. #59617b
  2. #7b6259
  3. #727b59

類似色

  1. #59727b
  2. #59617b
  3. #62597b

トライアド

  1. #59617b
  2. #7b5961
  3. #617b59

テトラード

  1. #59617b
  2. #73597b
  3. #7b7359
  4. #617b59

スクエア

  1. #59617b
  2. #7b5972
  3. #7b7359
  4. #597b62

モノクロマティック

  1. #191b22
  2. #393e4f
  3. #59617b
  4. #7e87a2
  5. #abb0c2

シェード

#59617bに黒を段階的に混ぜた色です。

  1. #59617b
  2. #50576f
  3. #474e62
  4. #3e4456
  5. #353a4a
  6. #2d313e
  7. #242731
  8. #1b1d25
  9. #121319
  10. #090a0c
  11. #000000

ティント

#59617bに白を段階的に混ぜた色です。

  1. #59617b
  2. #6a7188
  3. #7a8195
  4. #8b90a3
  5. #9ba0b0
  6. #acb0bd
  7. #bdc0ca
  8. #cdd0d7
  9. #dedfe5
  10. #eeeff2
  11. #ffffff

トーン

#59617bにグレーを段階的に混ぜた色です。

  1. #59617b
  2. #5d647c
  3. #61677c
  4. #656a7d
  5. #696d7d
  6. #6d717e
  7. #70747e
  8. #74777f
  9. #787a7f
  10. #7c7d80
  11. #808080

読みやすい文字 6.14:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
読みやすい文字 3.42:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

1色覚（全色盲） #626262 男性の約0.003%
不完全1色覚 #5e616d 男性の約0.001%
1型2色覚（P型） #59637c 男性の約1.01%
2型2色覚（D型） #57607a 男性の約1.27%
3型2色覚（T型） #50666a 男性の約0.0001%
1型3色覚（P型弱） #59627c 男性の約1.08%
2型3色覚（D型弱） #58617b 男性の約4.63%
3型3色覚（T型弱） #546471 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-59617b {
  color: #59617b;
}
背景色
.bg-59617b {
  background-color: #59617b;
  color: #ffffff;
}
枠線
.border-59617b {
  border: 2px solid #59617b;
}
CSS変数
:root {
  --color-primary: #59617b;
  --color-primary-rgb: 89 97 123;
  --color-primary-hsl: 226 16% 42%;
}
グラデーション
.gradient-59617b {
  background: linear-gradient(135deg, #59617b, #62597b);
}
色付きの影
.shadow-59617b {
  box-shadow: 0 8px 24px rgb(89 97 123 / 0.35);
}

#436b95 Queen Blue ΔE 9.85 #796878 Old Lavender ΔE 11.99 #696969 Dim Gray ΔE 12.27 #696969 Dim Grey ΔE 12.27 #26619c Lapis Lazuli ΔE 12.45 #555555 Davy's Gray ΔE 12.78 #708090 Slate Gray ΔE 13.28 #a69e84 反転色 #626262 グレースケール 

Queen Blue
#59617b  rgb(89, 97, 123)  hsl(226, 16%, 42%)  Queen Blue
#7b7359  rgb(123, 115, 89)  hsl(46, 16%, 42%)  Raw Umber
#7b5961  rgb(123, 89, 97)  hsl(346, 16%, 42%)  Mauve Taupe
#617b59  rgb(97, 123, 89)  hsl(106, 16%, 42%)  Fern Green