ColorTool
ログイン
#487381

#487381 ≈ Teal Blue

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

#487381はシアン系の色です（明度：低い、彩度：低め）。 RGBでは赤28.24%、緑45.1%、青50.59%で構成され、CMYK印刷ではシアン44.19%、マゼンタ10.85%、イエロー0%、ブラック49.41%を使います。 HSLでは色相角194.74°、彩度28.36%、明度39.41%です。 寒色で、爽やかさ、テクノロジー、明快さを連想させることが多い色です。 デザインでは主に健康・ウェルネス、テクノロジー製品、ブランドのアクセントに使われます。 この色の上に白の文字を置くとコントラスト比は5.19:1（WCAG AA）です。 最も近い色名はTeal Blue（#367588）で、ΔEは3.02です。

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

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

補色

  1. #487381
  2. #815648

分裂補色

  1. #487381
  2. #814856
  3. #817248

類似色

  1. #488172
  2. #487381
  3. #485681

トライアド

  1. #487381
  2. #814873
  3. #738148

テトラード

  1. #487381
  2. #564881
  3. #815648
  4. #738148

スクエア

  1. #487381
  2. #724881
  3. #815648
  4. #568148

モノクロマティック

  1. #111b1f
  2. #2d4750
  3. #487381
  4. #6a9cac
  5. #9bbcc7

シェード

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

  1. #487381
  2. #416874
  3. #3a5c67
  4. #32515a
  5. #2b454d
  6. #243a41
  7. #1d2e34
  8. #162327
  9. #0e171a
  10. #070c0d
  11. #000000

ティント

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

  1. #487381
  2. #5a818e
  3. #6d8f9a
  4. #7f9da7
  5. #91abb3
  6. #a4b9c0
  7. #b6c7cd
  8. #c8d5d9
  9. #dae3e6
  10. #edf1f2
  11. #ffffff

トーン

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

  1. #487381
  2. #4e7481
  3. #537681
  4. #597781
  5. #5e7881
  6. #647a81
  7. #6a7b80
  8. #6f7c80
  9. #757d80
  10. #7a7f80
  11. #808080

読みやすい文字 5.19:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
読みやすい文字 4.04:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

1色覚（全色盲） #6d6d6d 男性の約0.003%
不完全1色覚 #606f75 男性の約0.001%
1型2色覚（P型） #6a7182 男性の約1.01%
2型2色覚（D型） #626a81 男性の約1.27%
3型2色覚（T型） #2f7877 男性の約0.0001%
1型3色覚（P型弱） #5e7281 男性の約1.08%
2型3色覚（D型弱） #586e81 男性の約4.63%
3型3色覚（T型弱） #3b767b 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-487381 {
  color: #487381;
}
背景色
.bg-487381 {
  background-color: #487381;
  color: #ffffff;
}
枠線
.border-487381 {
  border: 2px solid #487381;
}
CSS変数
:root {
  --color-primary: #487381;
  --color-primary-rgb: 72 115 129;
  --color-primary-hsl: 195 28% 39%;
}
グラデーション
.gradient-487381 {
  background: linear-gradient(135deg, #487381, #485681);
}
色付きの影
.shadow-487381 {
  box-shadow: 0 8px 24px rgb(72 115 129 / 0.35);
}

#367588 Teal Blue ΔE 3.02 #007ba7 Cerulean ΔE 9.54 #006994 Sea Blue ΔE 10.22 #708090 Slate Gray ΔE 10.99 #708090 Slate Grey ΔE 10.99 #317873 Myrtle Green ΔE 11.31 #5d8aa8 Air Force Blue ΔE 11.33 #b78c7e 反転色 #6d6d6d グレースケール 

Teal Blue
#487381  rgb(72, 115, 129)  hsl(195, 28%, 39%)  Teal Blue
#815648  rgb(129, 86, 72)  hsl(15, 28%, 39%)  Coffee
#814873  rgb(129, 72, 115)  hsl(315, 28%, 39%)  Twilight Lavender
#738148  rgb(115, 129, 72)  hsl(75, 28%, 39%)  Sap Green