DexBase Colors
#2C6BC0 の色 壁 #2C6BC0 Save image
色変換

色変換 for #2C6BC0 の色

画面、塗料、パレット、デジタル素材を比較するための数値情報です。

色空間

RGB44107192
HSL214.46°62.71%46.27%
HSV214.46°77.08%75.29%
CMYK77.08%44.27%0%24.71%
XYZ15.807314.854851.8931
Yxy14.85480.19150.1799
Hunter Lab38.54195.7597-52.8178
CIE-Lab45.434710.1597-50.3017
CIE-LCH45.434751.3174281.4187
CIE-LUV45.4347-22.1407-76.3588

基数表記

BaseRedGreenBlue
Binary001011000110101111000000
Octal54153300
Decimal44107192
Hex2C6BC0

RGB比率

Red
17%
Green
42%
Blue
75%

CMYK比率

Cyan
77%
Magenta
44%
Yellow
0%
Black
25%
調和

配色

#2C6BC0 の色 黒背景

#2C6BC0 の色 サンプルテキスト

#2C6BC0 の色 白背景

#2C6BC0 の色 サンプルテキスト

#2C6BC0 CSSコード

.background { background-color: #2C6BC0; }
.text { color: #2C6BC0; }
.border { border: 3px solid #2C6BC0; }
.shadow { box-shadow: 0 8px 28px rgba(44, 107, 192, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト5.29:1AA
黒とのコントラスト3.97:1大きな文字
Webセーフカラー#3366CCNear
輝度0.14860-1
言語

Color names in other languages

Use these names to compare international references, paint catalogs and design materials.

English#2C6BC0 color
PortuguêsCor #2C6BC0
EspañolColor #2C6BC0
한국어#2C6BC0 색상
日本語#2C6BC0 の色
中文#2C6BC0 颜色
DeutschFarbe #2C6BC0
FrançaisCouleur #2C6BC0
組み合わせ

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #2C6BC0 の色.

#2C6BC0 の色Midnight 青FulvousIris
近い色

Similar colors

See 青系
シアン cobalt 青 Cyan cobalt blue #28589C 青系 B'dazzled 青 B'dazzled blue #2E5894 青系 Denim Denim #1560BD 青系 Bright navy 青 Bright navy blue #1974D2 青系 Lapis lazuli Lapis lazuli #26619C 青系 シアン-青 azure Cyan-blue azure #4682BF 青系 Little boy 青 Little boy blue #6CA0DC 青系 Tufts 青 Tufts Blue #3E8EDE 青系 Sapphire Sapphire #0F52BA 青系 Cerulean 青 Cerulean blue #2A52BE 青系 青 yonder Blue yonder #5072A7 青系 Brandeis 青 Brandeis blue #0070FF 青系