ColorTool
ログイン
#29ABEF

#29abef ≈ Carolina Blue

  • 空色
  • 明度: 中程度
  • 彩度: とても高い
  • 寒色
コントラストを確認 グラフで探索 ランダムな色

#29abefは空色系の色です（明度：中程度、彩度：とても高い）。 RGBでは赤16.08%、緑67.06%、青93.73%で構成され、CMYK印刷ではシアン82.85%、マゼンタ28.45%、イエロー0%、ブラック6.27%を使います。 HSLでは色相角200.61°、彩度86.09%、明度54.9%です。 寒色で、開放感、自由、穏やかさを連想させることが多い色です。 デザインでは主にテクノロジー製品、金融・銀行、CTAボタンに使われます。 この色の上に黒の文字を置くとコントラスト比は8.17:1（WCAG AAA）です。 最も近い色名はCarolina Blue（#56a0d3）で、ΔEは4.77です。

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

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

補色

  1. #29abef
  2. #ef6d29

分裂補色

  1. #29abef
  2. #ef2948
  3. #efd029

類似色

  1. #29efd0
  2. #29abef
  3. #2948ef

トライアド

  1. #29abef
  2. #ef29ab
  3. #abef29

テトラード

  1. #29abef
  2. #6d29ef
  3. #ef6d29
  4. #abef29

スクエア

  1. #29abef
  2. #d029ef
  3. #ef6d29
  4. #48ef29

モノクロマティック

  1. #095176
  2. #0e81bd
  3. #29abef
  4. #70c7f4
  5. #b7e3fa

シェード

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

  1. #29abef
  2. #259ad7
  3. #2189bf
  4. #1d78a7
  5. #19678f
  6. #155678
  7. #104460
  8. #0c3348
  9. #082230
  10. #041118
  11. #000000

ティント

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

  1. #29abef
  2. #3eb3f1
  3. #54bcf2
  4. #69c4f4
  5. #7fcdf5
  6. #94d5f7
  7. #a9ddf9
  8. #bfe6fa
  9. #d4eefc
  10. #eaf7fd
  11. #ffffff

トーン

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

  1. #29abef
  2. #32a7e4
  3. #3aa2d9
  4. #439ece
  5. #4c9ac3
  6. #5596b8
  7. #5d91ac
  8. #668da1
  9. #6f8996
  10. #77848b
  11. #808080

読みやすい文字 2.57:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
読みやすい文字 8.17:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

1色覚（全色盲） #a1a1a1 男性の約0.003%
不完全1色覚 #82a5c5 男性の約0.001%
1型2色覚（P型） #8aabf2 男性の約1.01%
2型2色覚（D型） #709aee 男性の約1.27%
3型2色覚（T型） #00bcc3 男性の約0.0001%
1型3色覚（P型弱） #70abf1 男性の約1.08%
2型3色覚（D型弱） #5ca1ee 男性の約4.63%
3型3色覚（T型弱） #00b6d6 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-29abef {
  color: #29abef;
}
背景色
.bg-29abef {
  background-color: #29abef;
  color: #000000;
}
枠線
.border-29abef {
  border: 2px solid #29abef;
}
CSS変数
:root {
  --color-primary: #29abef;
  --color-primary-rgb: 41 171 239;
  --color-primary-hsl: 201 86% 55%;
}
グラデーション
.gradient-29abef {
  background: linear-gradient(135deg, #29abef, #2948ef);
}
色付きの影
.shadow-29abef {
  box-shadow: 0 8px 24px rgb(41 171 239 / 0.35);
}

#56a0d3 Carolina Blue ΔE 4.77 #00bfff Deep Sky Blue ΔE 6.13 #71a6d2 Iceberg ΔE 6.74 #73c2fb Maya Blue ΔE 7.63 #73a9c2 Moonstone Blue ΔE 9.46 #1e90ff Dodger Blue ΔE 10.66 #87cefa Light Sky Blue ΔE 11.05 #d65410 反転色 #a1a1a1 グレースケール 

Carolina Blue
#29abef  rgb(41, 171, 239)  hsl(201, 86%, 55%)  Carolina Blue
#ef6d29  rgb(239, 109, 41)  hsl(21, 86%, 55%)  Pumpkin
#ef29ab  rgb(239, 41, 171)  hsl(321, 86%, 55%)  Shocking Pink
#abef29  rgb(171, 239, 41)  hsl(81, 86%, 55%)  Spring Bud