色変換

色変換 for #F36A7C の色

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

色空間

RGB243106124
HSL352.12°85.09%68.43%
HSV352.12°56.38%95.29%
CMYK0%56.38%48.97%4.71%
XYZ45.757730.823322.6047
Yxy30.82330.46130.3108
Hunter Lab55.518749.95814.7324
CIE-Lab62.358254.122116.6755
CIE-LCH62.358256.632817.1245
CIE-LUV62.358297.250710.8171

基数表記

BaseRedGreenBlue
Binary111100110110101001111100
Octal363152174
Decimal243106124
HexF36A7C

RGB比率

Red
95%
Green
42%
Blue
49%

CMYK比率

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

配色

#F36A7C の色 黒背景

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

#F36A7C の色 白背景

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

#F36A7C CSSコード

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

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

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

近い色

Similar colors

See 赤系