DexBase Colors
#684BD4 の色 壁 #684BD4 Save image
色変換

色変換 for #684BD4 の色

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

色空間

RGB10475212
HSL252.7°61.43%56.27%
HSV252.7°64.62%83.14%
CMYK50.94%64.62%0%16.86%
XYZ20.105212.727763.6719
Yxy12.72770.20830.1319
Hunter Lab35.675938.1603-80.8022
CIE-Lab42.350146.4068-66.6438
CIE-LCH42.350181.2095304.8511
CIE-LUV42.35011.2078-100.9785

基数表記

BaseRedGreenBlue
Binary011010000100101111010100
Octal150113324
Decimal10475212
Hex684BD4

RGB比率

Red
41%
Green
29%
Blue
83%

CMYK比率

Cyan
51%
Magenta
65%
Yellow
0%
Black
17%
調和

配色

#684BD4 の色 黒背景

#684BD4 の色 サンプルテキスト

#684BD4 の色 白背景

#684BD4 の色 サンプルテキスト

#684BD4 CSSコード

.background { background-color: #684BD4; }
.text { color: #684BD4; }
.border { border: 3px solid #684BD4; }
.shadow { box-shadow: 0 8px 28px rgba(104, 75, 212, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト5.92:1AA
黒とのコントラスト3.55:1大きな文字
Webセーフカラー#6633CCNear
輝度0.12730-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #684BD4 の色.

#684BD4 の色Bright ubeMiddle 緑 黄Tropical バイオレット
近い色

Similar colors

See 青系
Slate 青 Slate blue #6A5ACD 青系 Ube Ube #8878C3 青系 Majorelle 青 Majorelle Blue #6050DC 青系 Iris Iris #5A4FCF 青系 Plump 紫 Plump Purple #5946B2 青系 Medium 紫 Medium purple #9370DB 紫系 Han 紫 Han purple #5218FA 紫系 Ocean 青 Ocean Blue #4F42B5 青系 Interdimensional 青 Interdimensional Blue #360CCC 青系 Medium slate 青 Medium slate blue #7B68EE 青系 Toolbox Toolbox #746CC0 青系 Electric ultramarine Electric ultramarine #3F00FF 紫系