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

色変換 for #6961BA の色

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

色空間

RGB10597186
HSL245.39°39.21%55.49%
HSV245.39°47.85%72.94%
CMYK43.55%47.85%0%27.06%
XYZ18.960815.09748.3598
Yxy15.0970.23010.1832
Hunter Lab38.854919.1096-46.5666
CIE-Lab45.766825.9163-46.0998
CIE-LCH45.766852.8852299.3437
CIE-LUV45.7668-2.1518-71.6257

基数表記

BaseRedGreenBlue
Binary011010010110000110111010
Octal151141272
Decimal10597186
Hex6961BA

RGB比率

Red
41%
Green
38%
Blue
73%

CMYK比率

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

配色

#6961BA の色 黒背景

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

#6961BA の色 白背景

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

#6961BA CSSコード

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

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

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

#6961BA の色暗い ラベンダー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 青系