DexBase Colors
#6861BA の色 壁 #6861BA Save image
色変換

色変換 for #6861BA の色

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

色空間

RGB10497186
HSL244.72°39.21%55.49%
HSV244.72°47.85%72.94%
CMYK44.09%47.85%0%27.06%
XYZ18.84415.036848.3544
Yxy15.03680.22910.1829
Hunter Lab38.777318.8818-46.7602
CIE-Lab45.684625.6695-46.2359
CIE-LCH45.684652.8837299.0384
CIE-LUV45.6846-2.5536-71.7735

基数表記

BaseRedGreenBlue
Binary011010000110000110111010
Octal150141272
Decimal10497186
Hex6861BA

RGB比率

Red
41%
Green
38%
Blue
73%

CMYK比率

Cyan
44%
Magenta
48%
Yellow
0%
Black
27%
調和

配色

#6861BA の色 黒背景

#6861BA の色 サンプルテキスト

#6861BA の色 白背景

#6861BA の色 サンプルテキスト

#6861BA CSSコード

.background { background-color: #6861BA; }
.text { color: #6861BA; }
.border { border: 3px solid #6861BA; }
.shadow { box-shadow: 0 8px 28px rgba(104, 97, 186, 0.35); }
CSSプレビュー

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #6861BA の色.

#6861BA の色暗い ラベンダーPearRich ラベンダー
近い色

Similar colors

See 青系
Toolbox Toolbox #746CC0 青系 Iris Iris #5A4FCF 青系 Ocean 青 Ocean Blue #4F42B5 青系 Slate 青 Slate blue #6A5ACD 青系 Plump 紫 Plump Purple #5946B2 青系 暗い slate 青 Dark slate blue #483D8B 青系 Rhythm Rhythm #777696 青系 Majorelle 青 Majorelle Blue #6050DC 青系 Ube Ube #8878C3 青系 暗い 青-グレー Dark blue-gray #666699 青系 Liberty Liberty #545AA7 青系 青 (pigment) Blue (pigment) #333399 青系