#f5404e

Hexadecimal Color Code

明るい赤系の色

[RGB] R:245 G:64 B:78

[HSB] H:355 S:74 B:96

[L*a*b*] L*:55.72 a*:68.24 b*:34.59

[CMYK] C:1% M:87% Y:60% K:0%

[HSL] H:355 S:90 L:61

[OKLCH] L:64.5% C:0.216 H:21.8

[Display-P3] R:0.8861 G:0.3131 B:0.3295

[コントラスト比] Aa 白 3.66:1 △　Aa 黒 5.72:1 ○

色相 #f54040 H:360 S:74 B:96 #f5405e H:350 S:74 B:96 #f5407c H:340 S:74 B:96 #f5409a H:330 S:74 B:96 #f540b8 H:320 S:74 B:96 #f540d7 H:310 S:74 B:96 #f540f5 H:300 S:74 B:96 #d740f5 H:290 S:74 B:96 #b840f5 H:280 S:74 B:96 #9a40f5 H:270 S:74 B:96 #7c40f5 H:260 S:74 B:96 #5e40f5 H:250 S:74 B:96 #4040f5 H:240 S:74 B:96 #405ef5 H:230 S:74 B:96 #407cf5 H:220 S:74 B:96 #409af5 H:210 S:74 B:96 #40b8f5 H:200 S:74 B:96 #40d7f5 H:190 S:74 B:96 #40f5f5 H:180 S:74 B:96 #40f5d7 H:170 S:74 B:96 #40f5b8 H:160 S:74 B:96 #40f59a H:150 S:74 B:96 #40f57c H:140 S:74 B:96 #40f55e H:130 S:74 B:96 #40f540 H:120 S:74 B:96 #5ef540 H:110 S:74 B:96 #7cf540 H:100 S:74 B:96 #9af540 H:90 S:74 B:96 #b8f540 H:80 S:74 B:96 #d7f540 H:70 S:74 B:96 #f5f540 H:60 S:74 B:96 #f5d740 H:50 S:74 B:96 #f5b840 H:40 S:74 B:96 #f59a40 H:30 S:74 B:96 #f57c40 H:20 S:74 B:96 #f55e40 H:10 S:74 B:96 #f54040 H:0 S:74 B:96
明度 #ff4252 H:355 S:74 B:100 #e63c4a H:355 S:74 B:90 #cc3542 H:355 S:74 B:80 #b32e39 H:355 S:74 B:70 #992831 H:355 S:74 B:60 #802129 H:355 S:74 B:50 #661b21 H:355 S:74 B:40 #4d1419 H:355 S:74 B:30 #330d10 H:355 S:74 B:20 #1a0708 H:355 S:74 B:10 #000000 H:355 S:74 B:0
彩度 #f50014 H:355 S:100 B:96 #f5182b H:355 S:90 B:96 #f53141 H:355 S:80 B:96 #f54958 H:355 S:70 B:96 #f5626e H:355 S:60 B:96 #f57a85 H:355 S:50 B:96 #f5939b H:355 S:40 B:96 #f5abb1 H:355 S:30 B:96 #f5c4c8 H:355 S:20 B:96 #f5dcde H:355 S:10 B:96 #f5f5f5 H:355 S:0 B:96
補色 #40f58b H:145 S:74 B:96 #40f5e6 H:175 S:74 B:96 #40a9f5 H:205 S:74 B:96
類似色 #e640f5 H:295 S:74 B:96 #f540d7 H:310 S:74 B:96 #f540a9 H:325 S:74 B:96 #f5407c H:340 S:74 B:96 #f5404f H:355 S:74 B:96 #f55e40 H:10 S:74 B:96 #f58b40 H:25 S:74 B:96 #f5b840 H:40 S:74 B:96 #f5e640 H:55 S:74 B:96

#f5404e の配色パターン