色変換

色変換 for #F36A9F の色

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

色空間

RGB243106159
HSL336.79°85.09%68.43%
HSV336.79°56.38%95.29%
CMYK0%56.38%34.57%4.71%
XYZ48.376731.870936.3982
Yxy31.87090.41470.2732
Hunter Lab56.454354.16351.3065
CIE-Lab63.23657.6764-2.1905
CIE-LCH63.23657.718357.825
CIE-LUV63.23687.6251-14.0359

基数表記

BaseRedGreenBlue
Binary111100110110101010011111
Octal363152237
Decimal243106159
HexF36A9F

RGB比率

Red
95%
Green
42%
Blue
62%

CMYK比率

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

配色

#F36A9F の色 黒背景

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

#F36A9F の色 白背景

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

#F36A9F CSSコード

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

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

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

近い色

Similar colors

See 赤系