ColorTool
ログイン
#44909D

#44909d ≈ Bondi Blue

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

#44909dはシアン系の色です（明度：中程度、彩度：中程度）。 RGBでは赤26.67%、緑56.47%、青61.57%で構成され、CMYK印刷ではシアン56.69%、マゼンタ8.28%、イエロー0%、ブラック38.43%を使います。 HSLでは色相角188.76°、彩度39.56%、明度44.12%です。 寒色で、爽やかさ、テクノロジー、明快さを連想させることが多い色です。 デザインでは主に健康・ウェルネス、テクノロジー製品、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は5.72:1（WCAG AA）です。 最も近い色名はBondi Blue（#0095b6）で、ΔEは6.46です。

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

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

補色

  1. #44909d
  2. #9d5144

分裂補色

  1. #44909d
  2. #9d4464
  3. #9d7e44

類似色

  1. #449d7e
  2. #44909d
  3. #44649d

トライアド

  1. #44909d
  2. #9d4490
  3. #909d44

テトラード

  1. #44909d
  2. #51449d
  3. #9d5144
  4. #909d44

スクエア

  1. #44909d
  2. #7e449d
  3. #9d5144
  4. #649d44

モノクロマティック

  1. #162e32
  2. #2d5f68
  3. #44909d
  4. #6eb4c0
  5. #a3cfd7

シェード

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

  1. #44909d
  2. #3d828d
  3. #36737e
  4. #30656e
  5. #29565e
  6. #22484f
  7. #1b3a3f
  8. #142b2f
  9. #0e1d1f
  10. #070e10
  11. #000000

ティント

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

  1. #44909d
  2. #579ba7
  3. #69a6b1
  4. #7cb1ba
  5. #8fbcc4
  6. #a2c8ce
  7. #b4d3d8
  8. #c7dee2
  9. #dae9eb
  10. #ecf4f5
  11. #ffffff

トーン

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

  1. #44909d
  2. #4a8e9a
  3. #508d97
  4. #568b94
  5. #5c8a91
  6. #62888f
  7. #68868c
  8. #6e8589
  9. #748386
  10. #7a8283
  11. #808080

読みやすい文字 3.67:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
読みやすい文字 5.72:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #858585 男性の約0.003%
不完全1色覚 #718a8f 男性の約0.001%
1型2色覚（P型） #858b9e 男性の約1.01%
2型2色覚（D型） #77819d 男性の約1.27%
3型2色覚（T型） #009694 男性の約0.0001%
1型3色覚（P型弱） #708d9d 男性の約1.08%
2型3色覚（D型弱） #66879d 男性の約4.63%
3型3色覚（T型弱） #249498 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-44909d {
  color: #44909d;
}
背景色
.bg-44909d {
  background-color: #44909d;
  color: #000000;
}
枠線
.border-44909d {
  border: 2px solid #44909d;
}
CSS変数
:root {
  --color-primary: #44909d;
  --color-primary-rgb: 68 144 157;
  --color-primary-hsl: 189 40% 44%;
}
グラデーション
.gradient-44909d {
  background: linear-gradient(135deg, #44909d, #44649d);
}
色付きの影
.shadow-44909d {
  box-shadow: 0 8px 24px rgb(68 144 157 / 0.35);
}

#0095b6 Bondi Blue ΔE 6.46 #5f9ea0 Cadet Blue ΔE 6.60 #008b8b Dark Cyan ΔE 8.09 #008080 Teal ΔE 10.09 #5d8aa8 Air Force Blue ΔE 10.20 #367588 Teal Blue ΔE 10.52 #73a9c2 Moonstone Blue ΔE 11.52 #bb6f62 反転色 #858585 グレースケール 

Bondi Blue
#44909d  rgb(68, 144, 157)  hsl(189, 40%, 44%)  Bondi Blue
#9d5144  rgb(157, 81, 68)  hsl(9, 40%, 44%)  Redwood
#9d4490  rgb(157, 68, 144)  hsl(309, 40%, 44%)  Deep Plum
#909d44  rgb(144, 157, 68)  hsl(69, 40%, 44%)  Moss Green