DexBase Colors
#6954B4 の色 壁 #6954B4 Save image
色変換

色変換 for #6954B4 の色

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

色空間

RGB10584180
HSL253.13°39.02%51.76%
HSV253.13°53.33%70.59%
CMYK41.67%53.33%0%29.41%
XYZ17.23212.638744.7027
Yxy12.63870.23110.1695
Hunter Lab35.550924.3064-49.638
CIE-Lab42.213732.0674-48.2779
CIE-LCH42.213757.9575303.5931
CIE-LUV42.21372.3829-73.9127

基数表記

BaseRedGreenBlue
Binary011010010101010010110100
Octal151124264
Decimal10584180
Hex6954B4

RGB比率

Red
41%
Green
33%
Blue
71%

CMYK比率

Cyan
42%
Magenta
53%
Yellow
0%
Black
29%
調和

配色

#6954B4 の色 黒背景

#6954B4 の色 サンプルテキスト

#6954B4 の色 白背景

#6954B4 の色 サンプルテキスト

#6954B4 CSSコード

.background { background-color: #6954B4; }
.text { color: #6954B4; }
.border { border: 3px solid #6954B4; }
.shadow { box-shadow: 0 8px 28px rgba(105, 84, 180, 0.35); }
CSSプレビュー

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #6954B4 の色.

#6954B4 の色WisteriaAndroid 緑Eminence
近い色

Similar colors

See 青系
Ube Ube #8878C3 青系 Plump 紫 Plump Purple #5946B2 青系 Ocean 青 Ocean Blue #4F42B5 青系 Toolbox Toolbox #746CC0 青系 暗い slate 青 Dark slate blue #483D8B 青系 Middle 青 紫 Middle Blue Purple #8B72BE 紫系 Slate 青 Slate blue #6A5ACD 青系 Iris Iris #5A4FCF 青系 青-マゼンタ バイオレット Blue-magenta violet #553592 紫系 Majorelle 青 Majorelle Blue #6050DC 青系 ロイヤル 紫 Royal purple #7851A9 紫系 Interdimensional 青 Interdimensional Blue #360CCC 青系