DexBase Colors
#B448F9 の色 壁 #B448F9 Save image
色変換

色変換 for #B448F9 の色

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

色空間

RGB18072249
HSL276.61°93.65%62.94%
HSV276.61°71.08%97.65%
CMYK27.71%71.08%0%2.35%
XYZ38.235121.178291.6778
Yxy21.17820.25310.1402
Hunter Lab46.019867.7692-85.8538
CIE-Lab53.14471.0661-69.6425
CIE-LCH53.14499.5011315.5797
CIE-LUV53.14430.7856-114.8519

基数表記

BaseRedGreenBlue
Binary101101000100100011111001
Octal264110371
Decimal18072249
HexB448F9

RGB比率

Red
71%
Green
28%
Blue
98%

CMYK比率

Cyan
28%
Magenta
71%
Yellow
0%
Black
2%
調和

配色

#B448F9 の色 黒背景

#B448F9 の色 サンプルテキスト

#B448F9 の色 白背景

#B448F9 の色 サンプルテキスト

#B448F9 CSSコード

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

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

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

#B448F9 の色明るい fuchsia ピンクPistachio暗い マゼンタ
近い色

Similar colors

See 紫系
紫 (x11) Purple (X11) #A020F0 紫系 Veronica Veronica #A020F0 紫系 鮮やかな バイオレット Vivid violet #9F00FF 紫系 Electric バイオレット Electric violet #8F00FF 紫系 バイオレット Violet #8F00FF 紫系 French バイオレット French violet #8806CE 紫系 Mauve Mauve #E0B0FF 紫系 Rich ラベンダー Rich lavender #A76BCF 紫系 ラベンダー (floral) Lavender (floral) #B57EDC 紫系 バイオレット (color wheel) Violet (color wheel) #7F00FF 紫系 Heliotrope Heliotrope #DF73FF 紫系 青-バイオレット Blue-violet #8A2BE2 紫系