ColorTool
ログイン
#B7887C

#b7887c ≈ Rosy Brown

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

#b7887cはオレンジ系の色です（明度：中程度、彩度：低め）。 RGBでは赤71.76%、緑53.33%、青48.63%で構成され、CMYK印刷ではシアン0%、マゼンタ25.68%、イエロー32.24%、ブラック28.24%を使います。 HSLでは色相角12.2°、彩度29.06%、明度60.2%です。 暖色で、熱意、温かさ、創造性を連想させることが多い色です。 デザインでは主にCTAボタン、食品ブランドやレストラン、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は6.83:1（WCAG AA）です。 最も近い色名はRosy Brown（#bc8f8f）で、ΔEは5.61です。

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

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

補色

  1. #b7887c
  2. #7cabb7

分裂補色

  1. #b7887c
  2. #7cb7a6
  3. #7c8eb7

類似色

  1. #b77c8e
  2. #b7887c
  3. #b7a67c

トライアド

  1. #b7887c
  2. #7cb788
  3. #887cb7

テトラード

  1. #b7887c
  2. #abb77c
  3. #7cabb7
  4. #887cb7

スクエア

  1. #b7887c
  2. #8eb77c
  3. #7cabb7
  4. #a67cb7

モノクロマティック

  1. #634037
  2. #955f52
  3. #b7887c
  4. #d2b5ad
  5. #ede2df

シェード

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

  1. #b7887c
  2. #a57a70
  3. #926d63
  4. #805f57
  5. #6e524a
  6. #5c443e
  7. #493632
  8. #372925
  9. #251b19
  10. #120e0c
  11. #000000

ティント

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

  1. #b7887c
  2. #be9489
  3. #c5a096
  4. #cdaca3
  5. #d4b8b0
  6. #dbc4be
  7. #e2cfcb
  8. #e9dbd8
  9. #f1e7e5
  10. #f8f3f2
  11. #ffffff

トーン

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

  1. #b7887c
  2. #b2877c
  3. #ac867d
  4. #a7867d
  5. #a1857e
  6. #9c847e
  7. #96837e
  8. #91827f
  9. #8b827f
  10. #868180
  11. #808080

読みやすい文字 3.08:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
読みやすい文字 6.83:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #939393 男性の約0.003%
不完全1色覚 #a38f8a 男性の約0.001%
1型2色覚（P型） #938d7b 男性の約1.01%
2型2色覚（D型） #9e977c 男性の約1.27%
3型2色覚（T型） #c28285 男性の約0.0001%
1型3色覚（P型弱） #a28b7b 男性の約1.08%
2型3色覚（D型弱） #a8917c 男性の約4.63%
3型3色覚（T型弱） #be8481 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-b7887c {
  color: #b7887c;
}
背景色
.bg-b7887c {
  background-color: #b7887c;
  color: #000000;
}
枠線
.border-b7887c {
  border: 2px solid #b7887c;
}
CSS変数
:root {
  --color-primary: #b7887c;
  --color-primary-rgb: 183 136 124;
  --color-primary-hsl: 12 29% 60%;
}
グラデーション
.gradient-b7887c {
  background: linear-gradient(135deg, #b7887c, #b7a67c);
}
色付きの影
.shadow-b7887c {
  box-shadow: 0 8px 24px rgb(183 136 124 / 0.35);
}

#bc8f8f Rosy Brown ΔE 5.61 #c08081 Old Rose ΔE 6.79 #9f8170 Beaver ΔE 7.59 #a67b5b Cafe au Lait ΔE 9.99 #e9967a Dark Salmon ΔE 10.89 #dea5a4 Pastel Pink ΔE 11.02 #b76e79 Rose Gold ΔE 11.86 #487783 反転色 #939393 グレースケール 

Rosy Brown
#b7887c  rgb(183, 136, 124)  hsl(12, 29%, 60%)  Rosy Brown
#7cabb7  rgb(124, 171, 183)  hsl(192, 29%, 60%)  Moonstone Blue
#7cb788  rgb(124, 183, 136)  hsl(132, 29%, 60%)  Dark Sea Green
#887cb7  rgb(136, 124, 183)  hsl(252, 29%, 60%)  Purple Mountain Majesty