色変換

色変換 for #F74C6B の色

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

色空間

RGB24776107
HSL349.12°91.44%63.33%
HSV349.12°69.23%96.86%
CMYK0%69.23%56.68%3.14%
XYZ43.600226.010616.6318
Yxy26.01060.50560.3016
Hunter Lab51.000663.346716.3729
CIE-Lab58.047166.445920.7563
CIE-LCH58.047169.612417.3477
CIE-LUV58.0471122.81311.8303

基数表記

BaseRedGreenBlue
Binary111101110100110001101011
Octal367114153
Decimal24776107
HexF74C6B

RGB比率

Red
97%
Green
30%
Blue
42%

CMYK比率

Cyan
0%
Magenta
69%
Yellow
57%
Black
3%
調和

配色

#F74C6B の色 黒背景

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

#F74C6B の色 白背景

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

#F74C6B CSSコード

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

アクセシビリティ

白とのコントラスト3.39:1大きな文字
黒とのコントラスト6.2:1AA
Webセーフカラー#FF3366Near
輝度0.260-1
言語

Color names in other languages

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

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

Nearby palette

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

近い色

Similar colors

See 赤系