ColorTool
ログイン
#90400A

#90400a ≈ Saddle Brown

  • 茶
  • 明度: 低い
  • 彩度: 高め
  • 暖色
コントラストを確認 グラフで探索 ランダムな色

#90400aは茶系の色です（明度：低い、彩度：高め）。 RGBでは赤56.47%、緑25.1%、青3.92%で構成され、CMYK印刷ではシアン0%、マゼンタ55.56%、イエロー93.06%、ブラック43.53%を使います。 HSLでは色相角24.18°、彩度87.01%、明度30.2%です。 暖色で、信頼性、温もり、素朴さを連想させることが多い色です。 デザインでは主にカフェやコーヒーブランド、素朴でナチュラルなスタイル、企業のブランディングに使われます。 この色の上に白の文字を置くとコントラスト比は7.18:1（WCAG AAA）です。 最も近い色名はSaddle Brown（#8b4513）で、ΔEは2.11です。

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

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

補色

  1. #90400a
  2. #0a5a90

分裂補色

  1. #90400a
  2. #0a9083
  3. #0a1790

類似色

  1. #900a17
  2. #90400a
  3. #90830a

トライアド

  1. #90400a
  2. #0a9040
  3. #400a90

テトラード

  1. #90400a
  2. #5a900a
  3. #0a5a90
  4. #400a90

スクエア

  1. #90400a
  2. #17900a
  3. #0a5a90
  4. #830a90

モノクロマティック

  1. #130801
  2. #482005
  3. #90400a
  4. #d8600f
  5. #f28841

シェード

#90400aに黒を段階的に混ぜた色です。

  1. #90400a
  2. #823a09
  3. #733308
  4. #652d07
  5. #562606
  6. #482005
  7. #3a1a04
  8. #2b1303
  9. #1d0d02
  10. #0e0601
  11. #000000

ティント

#90400aに白を段階的に混ぜた色です。

  1. #90400a
  2. #9b5323
  3. #a6663b
  4. #b17954
  5. #bc8c6c
  6. #c8a085
  7. #d3b39d
  8. #dec6b6
  9. #e9d9ce
  10. #f4ece7
  11. #ffffff

トーン

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

  1. #90400a
  2. #8e4616
  3. #8d4d22
  4. #8b532d
  5. #8a5a39
  6. #886045
  7. #866651
  8. #856d5d
  9. #837368
  10. #827a74
  11. #808080

読みやすい文字 7.18:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 2.92:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #575757 男性の約0.003%
不完全1色覚 #724f45 男性の約0.001%
1型2色覚（P型） #574c00 男性の約1.01%
2型2色覚（D型） #6b5e06 男性の約1.27%
3型2色覚（T型） #9f2d37 男性の約0.0001%
1型3色覚（P型弱） #724803 男性の約1.08%
2型3色覚（D型弱） #7b5408 男性の約4.63%
3型3色覚（T型弱） #99362b 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-90400a {
  color: #90400a;
}
背景色
.bg-90400a {
  background-color: #90400a;
  color: #ffffff;
}
枠線
.border-90400a {
  border: 2px solid #90400a;
}
CSS変数
:root {
  --color-primary: #90400a;
  --color-primary-rgb: 144 64 10;
  --color-primary-hsl: 24 87% 30%;
}
グラデーション
.gradient-90400a {
  background: linear-gradient(135deg, #90400a, #90830a);
}
色付きの影
.shadow-90400a {
  box-shadow: 0 8px 24px rgb(144 64 10 / 0.35);
}

#8b4513 Saddle Brown ΔE 2.11 #80461b Russet ΔE 4.75 #a0522d Sienna ΔE 6.89 #b7410e Rust ΔE 8.55 #704214 Sepia ΔE 8.56 #882d17 Kobe ΔE 8.80 #c04000 Mahogany ΔE 10.04 #6fbff5 反転色 #575757 グレースケール 

Saddle Brown
#90400a  rgb(144, 64, 10)  hsl(24, 87%, 30%)  Saddle Brown
#0a5a90  rgb(10, 90, 144)  hsl(204, 87%, 30%)  Lapis Lazuli
#0a9040  rgb(10, 144, 64)  hsl(144, 87%, 30%)  Forest Green
#400a90  rgb(64, 10, 144)  hsl(264, 87%, 30%)  Indigo