色変換

色変換 for #BAC3F3 の色

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

色空間

RGB186195243
HSL230.53°70.37%84.12%
HSV230.53°23.46%95.29%
CMYK23.46%19.75%0%4.71%
XYZ55.938355.939192.6268
Yxy55.93910.27350.2735
Hunter Lab74.79242.6148-21.0443
CIE-Lab79.57917.0334-24.714
CIE-LCH79.579125.6953285.8859
CIE-LUV79.5791-7.3156-40.4515

基数表記

BaseRedGreenBlue
Binary101110101100001111110011
Octal272303363
Decimal186195243
HexBAC3F3

RGB比率

Red
73%
Green
76%
Blue
95%

CMYK比率

Cyan
23%
Magenta
20%
Yellow
0%
Black
5%
調和

配色

#BAC3F3 の色 黒背景

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

#BAC3F3 の色 白背景

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

#BAC3F3 CSSコード

.background { background-color: #BAC3F3; }
.text { color: #BAC3F3; }
.border { border: 3px solid #BAC3F3; }
.shadow { box-shadow: 0 8px 28px rgba(186, 195, 243, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト1.72:1低い
黒とのコントラスト12.19:1AAA
Webセーフカラー#CCCCFFNear
輝度0.55940-1
言語

Color names in other languages

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

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

Nearby palette

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

近い色

Similar colors

See 青系