ColorTool
ログイン
#BF536E

#bf536e ≈ Cerise

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

#bf536eは赤系の色です（明度：中程度、彩度：中程度）。 RGBでは赤74.9%、緑32.55%、青43.14%で構成され、CMYK印刷ではシアン0%、マゼンタ56.54%、イエロー42.41%、ブラック25.1%を使います。 HSLでは色相角345°、彩度45.76%、明度53.73%です。 暖色で、エネルギー、情熱、緊急性を連想させることが多い色です。 デザインでは主に食品ブランドやレストラン、セールやキャンペーン、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は4.68:1（WCAG AA）です。 最も近い色名はCerise（#de3163）で、ΔEは6.6です。

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

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

補色

  1. #bf536e
  2. #53bfa4

分裂補色

  1. #bf536e
  2. #53bf6e
  3. #53a4bf

類似色

  1. #bf53a4
  2. #bf536e
  3. #bf6e53

トライアド

  1. #bf536e
  2. #6ebf53
  3. #536ebf

テトラード

  1. #bf536e
  2. #bfa453
  3. #53bfa4
  4. #536ebf

スクエア

  1. #bf536e
  2. #a4bf53
  3. #53bfa4
  4. #6e53bf

モノクロマティック

  1. #58212f
  2. #90364c
  3. #bf536e
  4. #d48b9d
  5. #e8c3cc

シェード

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

  1. #bf536e
  2. #ac4b63
  3. #994258
  4. #863a4d
  5. #733242
  6. #602a37
  7. #4c212c
  8. #391921
  9. #261116
  10. #13080b
  11. #000000

ティント

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

  1. #bf536e
  2. #c5647d
  3. #cc758b
  4. #d2879a
  5. #d998a8
  6. #dfa9b7
  7. #e5bac5
  8. #eccbd4
  9. #f2dde2
  10. #f9eef1
  11. #ffffff

トーン

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

  1. #bf536e
  2. #b95870
  3. #b25c72
  4. #ac6173
  5. #a66575
  6. #a06a77
  7. #996e79
  8. #93737b
  9. #8d777c
  10. #867c7e
  11. #808080

読みやすい文字 4.49:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
読みやすい文字 4.68:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #777777 男性の約0.003%
不完全1色覚 #996a73 男性の約0.001%
1型2色覚（P型） #686a6f 男性の約1.01%
2型2色覚（D型） #847f6c 男性の約1.27%
3型2色覚（T型） #ce475d 男性の約0.0001%
1型3色覚（P型弱） #93616e 男性の約1.08%
2型3色覚（D型弱） #9f706d 男性の約4.63%
3型3色覚（T型弱） #c84c64 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-bf536e {
  color: #bf536e;
}
背景色
.bg-bf536e {
  background-color: #bf536e;
  color: #000000;
}
枠線
.border-bf536e {
  border: 2px solid #bf536e;
}
CSS変数
:root {
  --color-primary: #bf536e;
  --color-primary-rgb: 191 83 110;
  --color-primary-hsl: 345 46% 54%;
}
グラデーション
.gradient-bf536e {
  background: linear-gradient(135deg, #bf536e, #bf6e53);
}
色付きの影
.shadow-bf536e {
  box-shadow: 0 8px 24px rgb(191 83 110 / 0.35);
}

#de3163 Cerise ΔE 6.60 #cf3476 Telemagenta ΔE 6.63 #e3256b Razzmatazz ΔE 7.23 #cb4154 Brick Red ΔE 7.25 #de5d83 Blush ΔE 7.39 #b76e79 Rose Gold ΔE 7.46 #d71868 Dogwood Rose ΔE 7.64 #40ac91 反転色 #777777 グレースケール 

Cerise
#bf536e  rgb(191, 83, 110)  hsl(345, 46%, 54%)  Cerise
#53bfa4  rgb(83, 191, 164)  hsl(165, 46%, 54%)  Medium Aquamarine
#6ebf53  rgb(110, 191, 83)  hsl(105, 46%, 54%)  Mantis
#536ebf  rgb(83, 110, 191)  hsl(225, 46%, 54%)  Royal Blue