ColorTool
ログイン
#D3B895

#d3b895 ≈ Tan

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

#d3b895はオレンジ系の色です（明度：高い、彩度：低め）。 RGBでは赤82.75%、緑72.16%、青58.43%で構成され、CMYK印刷ではシアン0%、マゼンタ12.8%、イエロー29.38%、ブラック17.25%を使います。 HSLでは色相角33.87°、彩度41.33%、明度70.59%です。 暖色で、熱意、温かさ、創造性を連想させることが多い色です。 デザインでは主にCTAボタン、食品ブランドやレストラン、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は11.06:1（WCAG AAA）です。 最も近い色名はTan（#d2b48c）で、ΔEは1.79です。

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

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

補色

  1. #d3b895
  2. #95b0d3

分裂補色

  1. #d3b895
  2. #95cfd3
  3. #9995d3

類似色

  1. #d39995
  2. #d3b895
  3. #cfd395

トライアド

  1. #d3b895
  2. #95d3b8
  3. #b895d3

テトラード

  1. #d3b895
  2. #b0d395
  3. #95b0d3
  4. #b895d3

スクエア

  1. #d3b895
  2. #95d399
  3. #95b0d3
  4. #d395cf

モノクロマティック

  1. #926d3d
  2. #bd945f
  3. #d3b895
  4. #e9dccb
  5. #f9f5f1

シェード

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

  1. #d3b895
  2. #bea686
  3. #a99377
  4. #948168
  5. #7f6e59
  6. #6a5c4b
  7. #544a3c
  8. #3f372d
  9. #2a251e
  10. #15120f
  11. #000000

ティント

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

  1. #d3b895
  2. #d7bfa0
  3. #dcc6aa
  4. #e0cdb5
  5. #e5d4bf
  6. #e9dcca
  7. #ede3d5
  8. #f2eadf
  9. #f6f1ea
  10. #fbf8f4
  11. #ffffff

トーン

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

  1. #d3b895
  2. #cbb293
  3. #c2ad91
  4. #baa78f
  5. #b2a28d
  6. #aa9c8b
  7. #a19688
  8. #999186
  9. #918b84
  10. #888682
  11. #808080

読みやすい文字 1.9:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
読みやすい文字 11.06:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

1色覚（全色盲） #bcbcbc 男性の約0.003%
不完全1色覚 #c6baae 男性の約0.001%
1型2色覚（P型） #c2b893 男性の約1.01%
2型2色覚（D型） #c9bf96 男性の約1.27%
3型2色覚（T型） #deb1ae 男性の約0.0001%
1型3色覚（P型弱） #c9b894 男性の約1.08%
2型3色覚（D型弱） #cdbc95 男性の約4.63%
3型3色覚（T型弱） #d9b4a5 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-d3b895 {
  color: #d3b895;
}
背景色
.bg-d3b895 {
  background-color: #d3b895;
  color: #000000;
}
枠線
.border-d3b895 {
  border: 2px solid #d3b895;
}
CSS変数
:root {
  --color-primary: #d3b895;
  --color-primary-rgb: 211 184 149;
  --color-primary-hsl: 34 41% 71%;
}
グラデーション
.gradient-d3b895 {
  background: linear-gradient(135deg, #d3b895, #cfd395);
}
色付きの影
.shadow-d3b895 {
  box-shadow: 0 8px 24px rgb(211 184 149 / 0.35);
}

#d2b48c Tan ΔE 1.79 #deb887 Burly Wood ΔE 4.23 #c2b280 Ecru ΔE 7.23 #edc9af Desert Sand ΔE 7.44 #fad6a5 Sunset ΔE 8.45 #deaa88 Tumbleweed ΔE 8.49 #fdd5b1 Light Apricot ΔE 8.80 #2c476a 反転色 #bcbcbc グレースケール 

Tan
#d3b895  rgb(211, 184, 149)  hsl(34, 41%, 71%)  Tan
#95b0d3  rgb(149, 176, 211)  hsl(214, 41%, 71%)  Wild Blue Yonder
#95d3b8  rgb(149, 211, 184)  hsl(154, 41%, 71%)  Seafoam Green
#b895d3  rgb(184, 149, 211)  hsl(274, 41%, 71%)  Wisteria