色変換
色変換 for #348EE0 の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 52 | 142 | 224 | |
|---|---|---|---|---|
| HSL | 208.6° | 73.5% | 54.12% | |
| HSV | 208.6° | 76.79% | 87.84% | |
| CMYK | 76.79% | 36.61% | 0% | 12.16% |
| XYZ | 24.5386 | 25.455 | 74.1266 | |
| Yxy | 25.455 | 0.1977 | 0.2051 | |
| Hunter Lab | 50.4529 | -1.477 | -51.759 | |
| CIE-Lab | 57.5161 | 1.4964 | -49.1895 | |
| CIE-LCH | 57.5161 | 49.2123 | 271.7425 | |
| CIE-LUV | 57.5161 | -31.2003 | -77.7368 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00110100 | 10001110 | 11100000 |
| Octal | 64 | 216 | 340 |
| Decimal | 52 | 142 | 224 |
| Hex | 34 | 8E | E0 |
RGB比率
CMYK比率
濃い色 #348EE0
淡い色 #348EE0
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#348EE0 の色 黒背景
#348EE0 の色 サンプルテキスト
#348EE0 の色 白背景
#348EE0 の色 サンプルテキスト
#348EE0 CSSコード
.background { background-color: #348EE0; }
.text { color: #348EE0; }
.border { border: 3px solid #348EE0; }
.shadow { box-shadow: 0 8px 28px rgba(52, 142, 224, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト3.45:1大きな文字
黒とのコントラスト6.09:1AA
Webセーフカラー#3399CCNear
輝度0.25460-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#348EE0 color
PortuguêsCor #348EE0
EspañolColor #348EE0
한국어#348EE0 색상
日本語#348EE0 の色
中文#348EE0 颜色
DeutschFarbe #348EE0
FrançaisCouleur #348EE0
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #348EE0 の色.
近い色
See 青系