ColorTool
ログイン
#CB6080

#cb6080 ≈ Blush

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

#cb6080はローズ系の色です（明度：中程度、彩度：中程度）。 RGBでは赤79.61%、緑37.65%、青50.2%で構成され、CMYK印刷ではシアン0%、マゼンタ52.71%、イエロー36.95%、ブラック20.39%を使います。 HSLでは色相角342.06°、彩度50.71%、明度58.63%です。 暖色で、ロマンス、遊び心、愛情を連想させることが多い色です。 デザインでは主に食品ブランドやレストラン、セールやキャンペーン、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は5.52:1（WCAG AA）です。 最も近い色名はBlush（#de5d83）で、ΔEは3.46です。

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

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

補色

  1. #cb6080
  2. #60cbab

分裂補色

  1. #cb6080
  2. #60cb76
  3. #60b5cb

類似色

  1. #cb60b5
  2. #cb6080
  3. #cb7660

トライアド

  1. #cb6080
  2. #80cb60
  3. #6080cb

テトラード

  1. #cb6080
  2. #cbab60
  3. #60cbab
  4. #6080cb

スクエア

  1. #cb6080
  2. #b5cb60
  3. #60cbab
  4. #7660cb

モノクロマティック

  1. #6e243a
  2. #a83759
  3. #cb6080
  4. #de9aae
  5. #f1d3dc

シェード

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

  1. #cb6080
  2. #b75673
  3. #a24d66
  4. #8e435a
  5. #7a3a4d
  6. #663040
  7. #512633
  8. #3d1d26
  9. #29131a
  10. #140a0d
  11. #000000

ティント

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

  1. #cb6080
  2. #d0708d
  3. #d58099
  4. #db90a6
  5. #e0a0b3
  6. #e5b0c0
  7. #eabfcc
  8. #efcfd9
  9. #f5dfe6
  10. #faeff2
  11. #ffffff

トーン

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

  1. #cb6080
  2. #c46380
  3. #bc6680
  4. #b56a80
  5. #ad6d80
  6. #a67080
  7. #9e7380
  8. #977680
  9. #8f7a80
  10. #887d80
  11. #808080

読みやすい文字 3.8:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
読みやすい文字 5.52:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #838383 男性の約0.003%
不完全1色覚 #a57682 男性の約0.001%
1型2色覚（P型） #727681 男性の約1.01%
2型2色覚（D型） #8e8b7e 男性の約1.27%
3型2色覚（T型） #da566c 男性の約0.0001%
1型3色覚（P型弱） #9e6e81 男性の約1.08%
2型3色覚（D型弱） #aa7c7f 男性の約4.63%
3型3色覚（T型弱） #d45a74 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-cb6080 {
  color: #cb6080;
}
背景色
.bg-cb6080 {
  background-color: #cb6080;
  color: #000000;
}
枠線
.border-cb6080 {
  border: 2px solid #cb6080;
}
CSS変数
:root {
  --color-primary: #cb6080;
  --color-primary-rgb: 203 96 128;
  --color-primary-hsl: 342 51% 59%;
}
グラデーション
.gradient-cb6080 {
  background: linear-gradient(135deg, #cb6080, #cb7660);
}
色付きの影
.shadow-cb6080 {
  box-shadow: 0 8px 24px rgb(203 96 128 / 0.35);
}

#de5d83 Blush ΔE 3.46 #db7093 Pale Violet Red ΔE 5.49 #b76e79 Rose Gold ΔE 6.39 #b57281 Turkish Rose ΔE 6.59 #f64a8a French Rose ΔE 7.41 #de6fa1 Thulian Pink ΔE 7.61 #c54b8c Mulberry ΔE 8.10 #349f7f 反転色 #838383 グレースケール 

Blush
#cb6080  rgb(203, 96, 128)  hsl(342, 51%, 59%)  Blush
#60cbab  rgb(96, 203, 171)  hsl(162, 51%, 59%)  Medium Aquamarine
#80cb60  rgb(128, 203, 96)  hsl(102, 51%, 59%)  Mantis
#6080cb  rgb(96, 128, 203)  hsl(222, 51%, 59%)  Glaucous