ColorTool
ログイン
#883255

#883255 ≈ Boysenberry

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

#883255はローズ系の色です（明度：低い、彩度：中程度）。 RGBでは赤53.33%、緑19.61%、青33.33%で構成され、CMYK印刷ではシアン0%、マゼンタ63.24%、イエロー37.5%、ブラック46.67%を使います。 HSLでは色相角335.58°、彩度46.24%、明度36.47%です。 暖色で、ロマンス、遊び心、愛情を連想させることが多い色です。 デザインでは主に食品ブランドやレストラン、セールやキャンペーン、ブランドのアクセントに使われます。 この色の上に白の文字を置くとコントラスト比は7.97:1（WCAG AAA）です。 最も近い色名はBoysenberry（#873260）で、ΔEは3.56です。

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

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

補色

  1. #883255
  2. #328865

分裂補色

  1. #883255
  2. #32883a
  3. #328088

類似色

  1. #883280
  2. #883255
  3. #883a32

トライアド

  1. #883255
  2. #558832
  3. #325588

テトラード

  1. #883255
  2. #886532
  3. #328865
  4. #325588

スクエア

  1. #883255
  2. #808832
  3. #328865
  4. #3a3288

モノクロマティック

  1. #18090f
  2. #501d32
  3. #883255
  4. #bc4a79
  5. #d182a2

シェード

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

  1. #883255
  2. #7a2d4d
  3. #6d2844
  4. #5f233c
  5. #521e33
  6. #44192b
  7. #361422
  8. #290f1a
  9. #1b0a11
  10. #0e0509
  11. #000000

ティント

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

  1. #883255
  2. #944766
  3. #a05b77
  4. #ac7088
  5. #b88499
  6. #c499aa
  7. #cfadbb
  8. #dbc2cc
  9. #e7d6dd
  10. #f3ebee
  11. #ffffff

トーン

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

  1. #883255
  2. #873a59
  3. #86425e
  4. #864962
  5. #855166
  6. #84596b
  7. #83616f
  8. #826973
  9. #827077
  10. #81787c
  11. #808080

読みやすい文字 7.97:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 2.63:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #515151 男性の約0.003%
不完全1色覚 #6b4652 男性の約0.001%
1型2色覚（P型） #414756 男性の約1.01%
2型2色覚（D型） #585753 男性の約1.27%
3型2色覚（T型） #932b40 男性の約0.0001%
1型3色覚（P型弱） #653f56 男性の約1.08%
2型3色覚（D型弱） #6e4b54 男性の約4.63%
3型3色覚（T型弱） #8f2e49 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-883255 {
  color: #883255;
}
背景色
.bg-883255 {
  background-color: #883255;
  color: #ffffff;
}
枠線
.border-883255 {
  border: 2px solid #883255;
}
CSS変数
:root {
  --color-primary: #883255;
  --color-primary-rgb: 136 50 85;
  --color-primary-hsl: 336 46% 36%;
}
グラデーション
.gradient-883255 {
  background: linear-gradient(135deg, #883255, #883a32);
}
色付きの影
.shadow-883255 {
  box-shadow: 0 8px 24px rgb(136 50 85 / 0.35);
}

#873260 Boysenberry ΔE 3.56 #78184a Pansy Purple ΔE 6.12 #a50b5e Jazzberry Jam ΔE 6.53 #8a496b Twilight Lavender ΔE 6.63 #7f1734 Claret ΔE 8.49 #893f45 Cordovan ΔE 9.16 #722f37 Wine ΔE 9.29 #77cdaa 反転色 #515151 グレースケール 

Boysenberry
#883255  rgb(136, 50, 85)  hsl(336, 46%, 36%)  Boysenberry
#328865  rgb(50, 136, 101)  hsl(156, 46%, 36%)  Sea Green
#558832  rgb(85, 136, 50)  hsl(96, 46%, 36%)  Sap Green
#325588  rgb(50, 85, 136)  hsl(216, 46%, 36%)  Yale Blue