DexBase Colors
#1663A5 の色 壁 #1663A5 Save image
色変換

色変換 for #1663A5 の色

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

色空間

RGB2299165
HSL207.69°76.47%36.67%
HSV207.69°86.67%64.71%
CMYK86.67%40%0%35.29%
XYZ11.581611.809437.259
Yxy11.80940.1910.1947
Hunter Lab34.36480.019-40.2028
CIE-Lab40.91162.5745-41.7667
CIE-LCH40.911641.846273.5272
CIE-LUV40.9116-23.2287-60.9731

基数表記

BaseRedGreenBlue
Binary000101100110001110100101
Octal26143245
Decimal2299165
Hex1663A5

RGB比率

Red
9%
Green
39%
Blue
65%

CMYK比率

Cyan
87%
Magenta
40%
Yellow
0%
Black
35%
調和

配色

#1663A5 の色 黒背景

#1663A5 の色 サンプルテキスト

#1663A5 の色 白背景

#1663A5 の色 サンプルテキスト

#1663A5 CSSコード

.background { background-color: #1663A5; }
.text { color: #1663A5; }
.border { border: 3px solid #1663A5; }
.shadow { box-shadow: 0 8px 28px rgba(22, 99, 165, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト6.25:1AA
黒とのコントラスト3.36:1大きな文字
Webセーフカラー#006699Near
輝度0.11810-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #1663A5 の色.

#1663A5 の色Palatinate 青明るい 茶色ラベンダー mist
近い色

Similar colors

See 青系
緑-青 Green-blue #1164B4 青系 Lapis lazuli Lapis lazuli #26619C 青系 Bright navy 青 Bright navy blue #1974D2 青系 Yale 青 Yale Blue #0F4D92 青系 Denim Denim #1560BD 青系 True 青 True Blue #0073CF 青系 暗い cerulean Dark cerulean #08457E 青系 Medium electric 青 Medium electric blue #035096 青系 Usafa 青 USAFA blue #004F98 青系 Bleu de france Bleu de France #318CE7 青系 French 青 French blue #0072BB 青系 Sapphire Sapphire #0F52BA 青系