ColorTool
ログイン
#1FACBF

#1facbf ≈ Cadet Blue

  • シアン
  • 明度: 中程度
  • 彩度: 高め
  • 寒色
コントラストを確認 グラフで探索 ランダムな色

#1facbfはシアン系の色です（明度：中程度、彩度：高め）。 RGBでは赤12.16%、緑67.45%、青74.9%で構成され、CMYK印刷ではシアン83.77%、マゼンタ9.95%、イエロー0%、ブラック25.1%を使います。 HSLでは色相角187.13°、彩度72.07%、明度43.53%です。 寒色で、爽やかさ、テクノロジー、明快さを連想させることが多い色です。 デザインでは主に健康・ウェルネス、テクノロジー製品、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は7.71:1（WCAG AAA）です。 最も近い色名はCadet Blue（#5f9ea0）で、ΔEは8.05です。

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

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

補色

  1. #1facbf
  2. #bf321f

分裂補色

  1. #1facbf
  2. #bf1f5c
  3. #bf821f

類似色

  1. #1fbf82
  2. #1facbf
  3. #1f5cbf

トライアド

  1. #1facbf
  2. #bf1fac
  3. #acbf1f

テトラード

  1. #1facbf
  2. #321fbf
  3. #bf321f
  4. #acbf1f

スクエア

  1. #1facbf
  2. #821fbf
  3. #bf321f
  4. #5cbf1f

モノクロマティック

  1. #0a353b
  2. #14717d
  3. #1facbf
  4. #49cfe1
  5. #8be1ec

シェード

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

  1. #1facbf
  2. #1c9bac
  3. #198a99
  4. #167886
  5. #136773
  6. #105660
  7. #0c454c
  8. #093439
  9. #062226
  10. #031113
  11. #000000

ティント

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

  1. #1facbf
  2. #35b4c5
  3. #4cbdcc
  4. #62c5d2
  5. #79cdd9
  6. #8fd6df
  7. #a5dee5
  8. #bce6ec
  9. #d2eef2
  10. #e9f7f9
  11. #ffffff

トーン

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

  1. #1facbf
  2. #29a8b9
  3. #32a3b2
  4. #3c9fac
  5. #469aa6
  6. #5096a0
  7. #599299
  8. #638d93
  9. #6d898d
  10. #768486
  11. #808080

読みやすい文字 2.72:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
読みやすい文字 7.71:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

1色覚（全色盲） #9d9d9d 男性の約0.003%
不完全1色覚 #7da3ab 男性の約0.001%
1型2色覚（P型） #9ba5c0 男性の約1.01%
2型2色覚（D型） #8796bf 男性の約1.27%
3型2色覚（T型） #00b5b2 男性の約0.0001%
1型3色覚（P型弱） #7ca8c0 男性の約1.08%
2型3色覚（D型弱） #6c9fbf 男性の約4.63%
3型3色覚（T型弱） #00b1b7 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-1facbf {
  color: #1facbf;
}
背景色
.bg-1facbf {
  background-color: #1facbf;
  color: #000000;
}
枠線
.border-1facbf {
  border: 2px solid #1facbf;
}
CSS変数
:root {
  --color-primary: #1facbf;
  --color-primary-rgb: 31 172 191;
  --color-primary-hsl: 187 72% 44%;
}
グラデーション
.gradient-1facbf {
  background: linear-gradient(135deg, #1facbf, #1f5cbf);
}
色付きの影
.shadow-1facbf {
  box-shadow: 0 8px 24px rgb(31 172 191 / 0.35);
}

#5f9ea0 Cadet Blue ΔE 8.05 #0095b6 Bondi Blue ΔE 8.73 #43b3ae Verdigris ΔE 8.91 #73a9c2 Moonstone Blue ΔE 9.57 #0abab5 Tiffany Blue ΔE 9.80 #20b2aa Light Sea Green ΔE 10.21 #00ced1 Dark Turquoise ΔE 10.92 #e05340 反転色 #9d9d9d グレースケール 

Cadet Blue
#1facbf  rgb(31, 172, 191)  hsl(187, 72%, 44%)  Cadet Blue
#bf321f  rgb(191, 50, 31)  hsl(7, 72%, 44%)  Venetian Red
#bf1fac  rgb(191, 31, 172)  hsl(307, 72%, 44%)  Medium Violet Red
#acbf1f  rgb(172, 191, 31)  hsl(67, 72%, 44%)  Apple Green