DexBase Colors
#564F7A の色 壁 #564F7A Save image
色変換

色変換 for #564F7A の色

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

色空間

RGB8679122
HSL249.77°21.39%39.41%
HSV249.77°35.25%47.84%
CMYK29.51%35.25%0%52.16%
XYZ10.14578.975419.6065
Yxy8.97540.2620.2318
Hunter Lab29.9598.0209-17.8156
CIE-Lab35.936913.3176-23.3925
CIE-LCH35.936926.9178299.6533
CIE-LUV35.93690.6961-33.4395

基数表記

BaseRedGreenBlue
Binary010101100100111101111010
Octal126117172
Decimal8679122
Hex564F7A

RGB比率

Red
34%
Green
31%
Blue
48%

CMYK比率

Cyan
30%
Magenta
35%
Yellow
0%
Black
52%
調和

配色

#564F7A の色 黒背景

#564F7A の色 サンプルテキスト

#564F7A の色 白背景

#564F7A の色 サンプルテキスト

#564F7A CSSコード

.background { background-color: #564F7A; }
.text { color: #564F7A; }
.border { border: 3px solid #564F7A; }
.shadow { box-shadow: 0 8px 28px rgba(86, 79, 122, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト7.51:1AAA
黒とのコントラスト2.8:1低い
Webセーフカラー#666666Near
輝度0.08980-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #564F7A の色.

#564F7A の色Languid ラベンダーLimerick暗い ラベンダー
近い色

Similar colors

See 青系
暗い slate 青 Dark slate blue #483D8B 青系 Plump 紫 Plump Purple #5946B2 青系 Ocean 青 Ocean Blue #4F42B5 青系 暗い 青-グレー Dark blue-gray #666699 青系 紫 navy Purple navy #4E5180 青系 Rhythm Rhythm #777696 青系 Cyber grape Cyber grape #58427C 紫系 深い koamaru Deep koamaru #333366 青系 青-マゼンタ バイオレット Blue-magenta violet #553592 紫系 Toolbox Toolbox #746CC0 青系 Ube Ube #8878C3 青系 Cosmic cobalt Cosmic Cobalt #2E2D88 青系