ColorTool
ログイン
#B4ACDC

#b4acdc ≈ Wild Blue Yonder

  • 紫
  • 明度: 高い
  • 彩度: 低め
  • 寒色
コントラストを確認 グラフで探索 ランダムな色

#b4acdcは紫系の色です（明度：高い、彩度：低め）。 RGBでは赤70.59%、緑67.45%、青86.27%で構成され、CMYK印刷ではシアン18.18%、マゼンタ21.82%、イエロー0%、ブラック13.73%を使います。 HSLでは色相角250°、彩度40.68%、明度76.86%です。 寒色で、想像力、神秘性、高級感を連想させることが多い色です。 デザインでは主に美容・コスメ、クリエイティブスタジオ、やわらかなパステル配色に使われます。 この色の上に黒の文字を置くとコントラスト比は9.88:1（WCAG AAA）です。 最も近い色名はWild Blue Yonder（#a2add0）で、ΔEは6.9です。

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

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

補色

  1. #b4acdc
  2. #d4dcac

分裂補色

  1. #b4acdc
  2. #dcccac
  3. #bcdcac

類似色

  1. #acbcdc
  2. #b4acdc
  3. #ccacdc

トライアド

  1. #b4acdc
  2. #dcb4ac
  3. #acdcb4

テトラード

  1. #b4acdc
  2. #dcacd4
  3. #d4dcac
  4. #acdcb4

スクエア

  1. #b4acdc
  2. #dcacbc
  3. #d4dcac
  4. #acdccc

モノクロマティック

  1. #5747a8
  2. #8376c5
  3. #b4acdc
  4. #e5e2f3
  5. #f2f1f9

シェード

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

  1. #b4acdc
  2. #a29bc6
  3. #908ab0
  4. #7e789a
  5. #6c6784
  6. #5a566e
  7. #484558
  8. #363442
  9. #24222c
  10. #121116
  11. #000000

ティント

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

  1. #b4acdc
  2. #bcb4e0
  3. #c3bde3
  4. #cbc5e7
  5. #d2cdea
  6. #dad6ee
  7. #e1def1
  8. #e9e6f5
  9. #f0eef8
  10. #f8f7fc
  11. #ffffff

トーン

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

  1. #b4acdc
  2. #afa8d3
  3. #aaa3ca
  4. #a49fc0
  5. #9f9ab7
  6. #9a96ae
  7. #9592a5
  8. #908d9c
  9. #8a8992
  10. #858489
  11. #808080

読みやすい文字 2.13:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
読みやすい文字 9.88:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

1色覚（全色盲） #b2b2b2 男性の約0.003%
不完全1色覚 #b3afc4 男性の約0.001%
1型2色覚（P型） #a1b2de 男性の約1.01%
2型2色覚（D型） #a2b1db 男性の約1.27%
3型2色覚（T型） #acb4bc 男性の約0.0001%
1型3色覚（P型弱） #a9b0dd 男性の約1.08%
2型3色覚（D型弱） #a9afdb 男性の約4.63%
3型3色覚（T型弱） #afb1ca 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-b4acdc {
  color: #b4acdc;
}
背景色
.bg-b4acdc {
  background-color: #b4acdc;
  color: #000000;
}
枠線
.border-b4acdc {
  border: 2px solid #b4acdc;
}
CSS変数
:root {
  --color-primary: #b4acdc;
  --color-primary-rgb: 180 172 220;
  --color-primary-hsl: 250 41% 77%;
}
グラデーション
.gradient-b4acdc {
  background: linear-gradient(135deg, #b4acdc, #ccacdc);
}
色付きの影
.shadow-b4acdc {
  box-shadow: 0 8px 24px rgb(180 172 220 / 0.35);
}

#a2add0 Wild Blue Yonder ΔE 6.90 #c9a0dc Wisteria ΔE 8.00 #ccccff Periwinkle ΔE 8.28 #c8a2c8 Lilac ΔE 9.52 #b39eb5 Pastel Purple ΔE 9.79 #e0b0ff Mauve ΔE 10.16 #d8bfd8 Thistle ΔE 10.76 #4b5323 反転色 #b2b2b2 グレースケール 

Wild Blue Yonder
#b4acdc  rgb(180, 172, 220)  hsl(250, 41%, 77%)  Wild Blue Yonder
#d4dcac  rgb(212, 220, 172)  hsl(70, 41%, 77%)  Pale Goldenrod
#dcb4ac  rgb(220, 180, 172)  hsl(10, 41%, 77%)  Zinnwaldite
#acdcb4  rgb(172, 220, 180)  hsl(130, 41%, 77%)  Celadon