DexBase Colors
#5168E2 の色 壁 #5168E2 Save image
色変換

色変換 for #5168E2 の色

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

色空間

RGB81104226
HSL230.48°71.43%60.2%
HSV230.48°64.16%88.63%
CMYK64.16%53.98%0%11.37%
XYZ22.066517.13974.082
Yxy17.1390.19480.1513
Hunter Lab41.399322.694-77.0756
CIE-Lab48.434729.5683-64.8118
CIE-LCH48.434771.238294.5233
CIE-LUV48.4347-13.7263-101.1813

基数表記

BaseRedGreenBlue
Binary010100010110100011100010
Octal121150342
Decimal81104226
Hex5168E2

RGB比率

Red
32%
Green
41%
Blue
89%

CMYK比率

Cyan
64%
Magenta
54%
Yellow
0%
Black
11%
調和

配色

#5168E2 の色 黒背景

#5168E2 の色 サンプルテキスト

#5168E2 の色 白背景

#5168E2 の色 サンプルテキスト

#5168E2 CSSコード

.background { background-color: #5168E2; }
.text { color: #5168E2; }
.border { border: 3px solid #5168E2; }
.shadow { box-shadow: 0 8px 28px rgba(81, 104, 226, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト4.74:1AA
黒とのコントラスト4.43:1大きな文字
Webセーフカラー#6666CCNear
輝度0.17140-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #5168E2 の色.

#5168E2 の色Persian indigoBanana 黄Navy 紫
近い色

Similar colors

See 青系
ロイヤル 青 Royal blue #4169E1 青系 Ultramarine 青 Ultramarine blue #4166F5 青系 Palatinate 青 Palatinate blue #273BE2 青系 Persian 青 Persian blue #1C39BB 青系 バイオレット-青 Violet-blue #324AB2 青系 Denim 青 Denim Blue #2243B6 青系 Han 青 Han blue #446CCF 青系 New car New Car #214FC6 青系 Cerulean 青 Cerulean blue #2A52BE 青系 Cool グレー Cool grey #8C92AC 青系 グレー-青 Gray-blue #8C92AC 青系 Cornflower 青 Cornflower blue #6495ED 青系