ColorTool
ログイン
#AA1265

#aa1265 ≈ Jazzberry Jam

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

#aa1265はローズ系の色です（明度：低い、彩度：高め）。 RGBでは赤66.67%、緑7.06%、青39.61%で構成され、CMYK印刷ではシアン0%、マゼンタ89.41%、イエロー40.59%、ブラック33.33%を使います。 HSLでは色相角327.24°、彩度80.85%、明度36.86%です。 暖色と寒色の中間で、ロマンス、遊び心、愛情を連想させることが多い色です。 デザインでは主に食品ブランドやレストラン、セールやキャンペーン、CTAボタンに使われます。 この色の上に白の文字を置くとコントラスト比は7.04:1（WCAG AAA）です。 最も近い色名はJazzberry Jam（#a50b5e）で、ΔEは1.62です。

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

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

補色

  1. #aa1265
  2. #12aa57

分裂補色

  1. #aa1265
  2. #19aa12
  3. #12aaa3

類似色

  1. #a312aa
  2. #aa1265
  3. #aa1219

トライアド

  1. #aa1265
  2. #65aa12
  3. #1265aa

テトラード

  1. #aa1265
  2. #aa5712
  3. #12aa57
  4. #1265aa

スクエア

  1. #aa1265
  2. #aaa312
  3. #12aa57
  4. #1219aa

モノクロマティック

  1. #200313
  2. #650b3c
  3. #aa1265
  4. #e7218d
  5. #ef66b1

シェード

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

  1. #aa1265
  2. #99105b
  3. #880e51
  4. #770d47
  5. #660b3d
  6. #550933
  7. #440728
  8. #33051e
  9. #220414
  10. #11020a
  11. #000000

ティント

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

  1. #aa1265
  2. #b32a74
  3. #bb4184
  4. #c45993
  5. #cc71a3
  6. #d589b2
  7. #dda0c1
  8. #e6b8d1
  9. #eed0e0
  10. #f7e7f0
  11. #ffffff

トーン

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

  1. #aa1265
  2. #a61d68
  3. #a2286a
  4. #9d336d
  5. #993e70
  6. #954973
  7. #915475
  8. #8d5f78
  9. #886a7b
  10. #84757d
  11. #808080

読みやすい文字 7.04:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 2.98:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #595959 男性の約0.003%
不完全1色覚 #81465e 男性の約0.001%
1型2色覚（P型） #394767 男性の約1.01%
2型2色覚（D型） #626262 男性の約1.27%
3型2色覚（T型） #b8003c 男性の約0.0001%
1型3色覚（P型弱） #773966 男性の約1.08%
2型3色覚（D型弱） #854e63 男性の約4.63%
3型3色覚（T型弱） #b30050 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-aa1265 {
  color: #aa1265;
}
背景色
.bg-aa1265 {
  background-color: #aa1265;
  color: #ffffff;
}
枠線
.border-aa1265 {
  border: 2px solid #aa1265;
}
CSS変数
:root {
  --color-primary: #aa1265;
  --color-primary-rgb: 170 18 101;
  --color-primary-hsl: 327 81% 37%;
}
グラデーション
.gradient-aa1265 {
  background: linear-gradient(135deg, #aa1265, #aa1219);
}
色付きの影
.shadow-aa1265 {
  box-shadow: 0 8px 24px rgb(170 18 101 / 0.35);
}

#a50b5e Jazzberry Jam ΔE 1.62 #873260 Boysenberry ΔE 6.92 #c71585 Medium Violet Red ΔE 7.45 #78184a Pansy Purple ΔE 9.81 #8a496b Twilight Lavender ΔE 9.88 #cf3476 Telemagenta ΔE 10.10 #d71868 Dogwood Rose ΔE 10.51 #55ed9a 反転色 #595959 グレースケール 

Jazzberry Jam
#aa1265  rgb(170, 18, 101)  hsl(327, 81%, 37%)  Jazzberry Jam
#12aa57  rgb(18, 170, 87)  hsl(147, 81%, 37%)  Jade
#65aa12  rgb(101, 170, 18)  hsl(87, 81%, 37%)  Kelly Green
#1265aa  rgb(18, 101, 170)  hsl(207, 81%, 37%)  Medium Persian Blue