色変換
色変換 for #2D8ECF の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 45 | 142 | 207 | |
|---|---|---|---|---|
| HSL | 204.07° | 64.29% | 49.41% | |
| HSV | 204.07° | 78.26% | 81.18% | |
| CMYK | 78.26% | 31.4% | 0% | 18.82% |
| XYZ | 22.0133 | 24.4062 | 62.5701 | |
| Yxy | 24.4062 | 0.202 | 0.2239 | |
| Hunter Lab | 49.4026 | -6.9175 | -40.4815 | |
| CIE-Lab | 56.4922 | -5.4095 | -41.2904 | |
| CIE-LCH | 56.4922 | 41.6432 | 262.5361 | |
| CIE-LUV | 56.4922 | -32.9899 | -63.7957 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00101101 | 10001110 | 11001111 |
| Octal | 55 | 216 | 317 |
| Decimal | 45 | 142 | 207 |
| Hex | 2D | 8E | CF |
RGB比率
CMYK比率
濃い色 #2D8ECF
淡い色 #2D8ECF
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#2D8ECF の色 黒背景
#2D8ECF の色 サンプルテキスト
#2D8ECF の色 白背景
#2D8ECF の色 サンプルテキスト
#2D8ECF CSSコード
.background { background-color: #2D8ECF; }
.text { color: #2D8ECF; }
.border { border: 3px solid #2D8ECF; }
.shadow { box-shadow: 0 8px 28px rgba(45, 142, 207, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト3.57:1大きな文字
黒とのコントラスト5.88:1AA
Webセーフカラー#3399CCNear
輝度0.24410-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#2D8ECF color
PortuguêsCor #2D8ECF
EspañolColor #2D8ECF
한국어#2D8ECF 색상
日本語#2D8ECF の色
中文#2D8ECF 颜色
DeutschFarbe #2D8ECF
FrançaisCouleur #2D8ECF
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #2D8ECF の色.
近い色
See 青系
Similar colors
Celestial 青
Celestial blue
Carolina 青
Carolina blue
Steel 青
Steel blue
Air force 青 (raf)
Air Force blue (RAF)
Rackley
Rackley
シアン-青 azure
Cyan-blue azure
Tufts 青
Tufts Blue
Bright navy 青
Bright navy blue
シアン cornflower 青
Cyan cornflower blue
Lapis lazuli
Lapis lazuli
シアン azure
Cyan azure
Picton 青
Picton blue