色変換

色変換 for #6B99F2 の色

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

色空間

RGB107153242
HSL219.56°83.85%68.43%
HSV219.56°55.79%94.9%
CMYK55.79%36.78%0%5.1%
XYZ33.476232.316488.4608
Yxy32.31640.2170.2095
Hunter Lab56.84755.6306-52.4322
CIE-Lab63.60359.9853-49.3734
CIE-LCH63.603550.373281.4333
CIE-LUV63.6035-22.289-80.3446

基数表記

BaseRedGreenBlue
Binary011010111001100111110010
Octal153231362
Decimal107153242
Hex6B99F2

RGB比率

Red
42%
Green
60%
Blue
95%

CMYK比率

Cyan
56%
Magenta
37%
Yellow
0%
Black
5%
調和

配色

#6B99F2 の色 黒背景

#6B99F2 の色 サンプルテキスト

#6B99F2 の色 白背景

#6B99F2 の色 サンプルテキスト

#6B99F2 CSSコード

.background { background-color: #6B99F2; }
.text { color: #6B99F2; }
.border { border: 3px solid #6B99F2; }
.shadow { box-shadow: 0 8px 28px rgba(107, 153, 242, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト2.81:1低い
黒とのコントラスト7.46:1AAA
Webセーフカラー#6699FFNear
輝度0.32320-1
言語

Color names in other languages

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

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

Nearby palette

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

近い色

Similar colors

See 青系