色変換

色変換 for #F76C7A の色

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

色空間

RGB247108122
HSL353.96°89.68%69.61%
HSV353.96°56.28%96.86%
CMYK0%56.28%50.61%3.14%
XYZ47.236931.9122.0803
Yxy31.910.46660.3152
Hunter Lab56.488950.407616.3762
CIE-Lab63.268454.376619.1678
CIE-LCH63.268457.65619.4176
CIE-LUV63.268499.734713.7169

基数表記

BaseRedGreenBlue
Binary111101110110110001111010
Octal367154172
Decimal247108122
HexF76C7A

RGB比率

Red
97%
Green
42%
Blue
48%

CMYK比率

Cyan
0%
Magenta
56%
Yellow
51%
Black
3%
調和

配色

#F76C7A の色 黒背景

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

#F76C7A の色 白背景

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

#F76C7A CSSコード

.background { background-color: #F76C7A; }
.text { color: #F76C7A; }
.border { border: 3px solid #F76C7A; }
.shadow { box-shadow: 0 8px 28px rgba(247, 108, 122, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト2.85:1低い
黒とのコントラスト7.38:1AAA
Webセーフカラー#FF6666Near
輝度0.3190-1
言語

Color names in other languages

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

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

Nearby palette

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

近い色

Similar colors

See 赤系