DexBase Colors
#676ECF の色 壁 #676ECF Save image
色変換

色変換 for #676ECF の色

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

色空間

RGB103110207
HSL235.96°52%60.78%
HSV235.96°50.24%81.18%
CMYK50.24%46.86%0%18.82%
XYZ22.428418.539161.416
Yxy18.53910.21910.1811
Hunter Lab43.057117.63-54.3974
CIE-Lab50.143623.8734-51.2077
CIE-LCH50.143656.4993294.9953
CIE-LUV50.1436-8.3262-80.925

基数表記

BaseRedGreenBlue
Binary011001110110111011001111
Octal147156317
Decimal103110207
Hex676ECF

RGB比率

Red
40%
Green
43%
Blue
81%

CMYK比率

Cyan
50%
Magenta
47%
Yellow
0%
Black
19%
調和

配色

#676ECF の色 黒背景

#676ECF の色 サンプルテキスト

#676ECF の色 白背景

#676ECF の色 サンプルテキスト

#676ECF CSSコード

.background { background-color: #676ECF; }
.text { color: #676ECF; }
.border { border: 3px solid #676ECF; }
.shadow { box-shadow: 0 8px 28px rgba(103, 110, 207, 0.35); }
CSSプレビュー

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #676ECF の色.

#676ECF の色Spanish バイオレット暗い khaki青-マゼンタ バイオレット
近い色

Similar colors

See 青系
Middle 黄 赤 Middle Yellow Red #ECB176 青系 Liberty Liberty #545AA7 青系 Palatinate 青 Palatinate blue #273BE2 青系 Maximum 青 紫 Maximum Blue Purple #ACACE6 青系 Iris Iris #5A4FCF 青系 Slate 青 Slate blue #6A5ACD 青系 青 (pigment) Blue (pigment) #333399 青系 St. patrick's 青 St. Patrick's blue #23297A 青系 Toolbox Toolbox #746CC0 青系 青 bell Blue Bell #A2A2D0 青系 バイオレット-青 Violet-blue #324AB2 青系 Majorelle 青 Majorelle Blue #6050DC 青系