#2EB5D9
#2eb5d9 ≈ Deep Sky Blue
#2eb5d9はシアン系の色です（明度：中程度、彩度：高め）。 RGBでは赤18.04%、緑70.98%、青85.1%で構成され、CMYK印刷ではシアン78.8%、マゼンタ16.59%、イエロー0%、ブラック14.9%を使います。 HSLでは色相角192.63°、彩度69.23%、明度51.57%です。 寒色で、爽やかさ、テクノロジー、明快さを連想させることが多い色です。 デザインでは主に健康・ウェルネス、テクノロジー製品、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は8.73:1（WCAG AAA）です。 最も近い色名はDeep Sky Blue（#00bfff）で、ΔEは7.3です。
この色の測定値から自動生成した説明です。
| HEX | |
|---|---|
| RGB | |
| RGB（%） | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Webセーフ | #33cccc |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| 2進数 | |
| 10進数 | |
| 相対輝度 | 0.3864 |
シェード
#2eb5d9に黒を段階的に混ぜた色です。
ティント
#2eb5d9に白を段階的に混ぜた色です。
トーン
#2eb5d9にグレーを段階的に混ぜた色です。
読みやすい文字
2.41:1
AA ✕
AA Large ✕
AAA ✕
AAA Large ✕
読みやすい文字
8.73:1
AA ✓
AA Large ✓
AAA ✓
AAA Large ✓
この色の文字
この色の背景
この色の枠線
文字色
.text-2eb5d9 {
color: #2eb5d9;
}背景色
.bg-2eb5d9 {
background-color: #2eb5d9;
color: #000000;
}枠線
.border-2eb5d9 {
border: 2px solid #2eb5d9;
}CSS変数
:root {
--color-primary: #2eb5d9;
--color-primary-rgb: 46 181 217;
--color-primary-hsl: 193 69% 52%;
}グラデーション
.gradient-2eb5d9 {
background: linear-gradient(135deg, #2eb5d9, #2e60d9);
}色付きの影
.shadow-2eb5d9 {
box-shadow: 0 8px 24px rgb(46 181 217 / 0.35);
}Deep Sky Blue
#2eb5d9 rgb(46, 181, 217) hsl(193, 69%, 52%) Deep Sky Blue
#d9522e rgb(217, 82, 46) hsl(13, 69%, 52%) Flame
#d92eb5 rgb(217, 46, 181) hsl(313, 69%, 52%) Shocking Pink
#b5d92e rgb(181, 217, 46) hsl(73, 69%, 52%) June Bud