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

色変換 for #2C63AA の色

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

色空間

RGB4499170
HSL213.81°58.88%41.96%
HSV213.81°74.12%66.67%
CMYK74.12%41.76%0%33.33%
XYZ12.753612.3639.736
Yxy12.360.19670.1906
Hunter Lab35.15683.2284-42.3766
CIE-Lab41.78276.9141-43.2986
CIE-LCH41.782743.8472279.0726
CIE-LUV41.7827-20.1488-63.9975

基数表記

BaseRedGreenBlue
Binary001011000110001110101010
Octal54143252
Decimal4499170
Hex2C63AA

RGB比率

Red
17%
Green
39%
Blue
67%

CMYK比率

Cyan
74%
Magenta
42%
Yellow
0%
Black
33%
調和

配色

#2C63AA の色 黒背景

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

#2C63AA の色 白背景

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

#2C63AA CSSコード

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

アクセシビリティ

白とのコントラスト6.05:1AA
黒とのコントラスト3.47:1大きな文字
Webセーフカラー#336699Near
輝度0.12360-1
言語

Color names in other languages

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

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

Nearby palette

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

#2C63AA の色Maximum 青 紫French bistreラベンダー (web)
近い色

Similar colors

See 青系
シアン cobalt 青 Cyan cobalt blue #28589C 青系 B'dazzled 青 B'dazzled blue #2E5894 青系 Lapis lazuli Lapis lazuli #26619C 青系 Denim Denim #1560BD 青系 Queen 青 Queen blue #436B95 青系 Sapphire Sapphire #0F52BA 青系 シアン-青 azure Cyan-blue azure #4682BF 青系 Bright navy 青 Bright navy blue #1974D2 青系 青 yonder Blue yonder #5072A7 青系 Yale 青 Yale Blue #0F4D92 青系 緑-青 Green-blue #1164B4 青系 Little boy 青 Little boy blue #6CA0DC 青系