色変換

色変換 for #F56A9F の色

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

色空間

RGB245106159
HSL337.12°87.42%68.82%
HSV337.12°56.73%96.08%
CMYK0%56.73%35.1%3.92%
XYZ49.070932.228836.4307
Yxy32.22880.41680.2738
Hunter Lab56.770454.94141.7066
CIE-Lab63.531558.3032-1.7224
CIE-LCH63.531558.3286358.3079
CIE-LUV63.531589.1946-13.5337

基数表記

BaseRedGreenBlue
Binary111101010110101010011111
Octal365152237
Decimal245106159
HexF56A9F

RGB比率

Red
96%
Green
42%
Blue
62%

CMYK比率

Cyan
0%
Magenta
57%
Yellow
35%
Black
4%
調和

配色

#F56A9F の色 黒背景

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

#F56A9F の色 白背景

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

#F56A9F CSSコード

.background { background-color: #F56A9F; }
.text { color: #F56A9F; }
.border { border: 3px solid #F56A9F; }
.shadow { box-shadow: 0 8px 28px rgba(245, 106, 159, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト2.82:1低い
黒とのコントラスト7.44:1AAA
Webセーフカラー#FF6699Near
輝度0.32220-1
言語

Color names in other languages

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

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

Nearby palette

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

近い色

Similar colors

See 赤系