色変換

色変換 for #F891B2 の色

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

色空間

RGB248145178
HSL340.78°88.03%77.06%
HSV340.78°41.53%97.25%
CMYK0%41.53%28.23%2.75%
XYZ56.874543.42647.4974
Yxy43.4260.38480.2938
Hunter Lab65.898438.73343.4113
CIE-Lab71.843242.7028-0.228
CIE-LCH71.843242.7034359.6941
CIE-LUV71.843264.9727-8.3501

基数表記

BaseRedGreenBlue
Binary111110001001000110110010
Octal370221262
Decimal248145178
HexF891B2

RGB比率

Red
97%
Green
57%
Blue
70%

CMYK比率

Cyan
0%
Magenta
42%
Yellow
28%
Black
3%
調和

配色

#F891B2 の色 黒背景

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

#F891B2 の色 白背景

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

#F891B2 CSSコード

.background { background-color: #F891B2; }
.text { color: #F891B2; }
.border { border: 3px solid #F891B2; }
.shadow { box-shadow: 0 8px 28px rgba(248, 145, 178, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト2.17:1低い
黒とのコントラスト9.68:1AAA
Webセーフカラー#FF9999Near
輝度0.43420-1
言語

Color names in other languages

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

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

Nearby palette

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

近い色

Similar colors

See 赤系