#f56e83

Hexadecimal Color Code

軽い赤系の色

[RGB] R:245 G:110 B:131

[HSB] H:351 S:55 B:96

[L*a*b*] L*:63.51 a*:53.58 b*:14.31

[CMYK] C:2% M:71% Y:33% K:0%

[HSL] H:351 S:87 L:70

[OKLCH] L:70.6% C:0.166 H:12.8

[Display-P3] R:0.8956 G:0.4626 B:0.5205

[コントラスト比] Aa 白 2.82:1 ×　Aa 黒 7.44:1 ◎

色相 #f56e6e H:360 S:55 B:96 #f56e85 H:350 S:55 B:96 #f56e9b H:340 S:55 B:96 #f56eb1 H:330 S:55 B:96 #f56ec8 H:320 S:55 B:96 #f56ede H:310 S:55 B:96 #f56ef5 H:300 S:55 B:96 #de6ef5 H:290 S:55 B:96 #c86ef5 H:280 S:55 B:96 #b16ef5 H:270 S:55 B:96 #9b6ef5 H:260 S:55 B:96 #856ef5 H:250 S:55 B:96 #6e6ef5 H:240 S:55 B:96 #6e85f5 H:230 S:55 B:96 #6e9bf5 H:220 S:55 B:96 #6eb1f5 H:210 S:55 B:96 #6ec8f5 H:200 S:55 B:96 #6edef5 H:190 S:55 B:96 #6ef5f5 H:180 S:55 B:96 #6ef5de H:170 S:55 B:96 #6ef5c8 H:160 S:55 B:96 #6ef5b1 H:150 S:55 B:96 #6ef59b H:140 S:55 B:96 #6ef585 H:130 S:55 B:96 #6ef56e H:120 S:55 B:96 #85f56e H:110 S:55 B:96 #9bf56e H:100 S:55 B:96 #b1f56e H:90 S:55 B:96 #c8f56e H:80 S:55 B:96 #def56e H:70 S:55 B:96 #f5f56e H:60 S:55 B:96 #f5de6e H:50 S:55 B:96 #f5c86e H:40 S:55 B:96 #f5b16e H:30 S:55 B:96 #f59b6e H:20 S:55 B:96 #f5856e H:10 S:55 B:96 #f56e6e H:0 S:55 B:96
明度 #ff7388 H:351 S:55 B:100 #e6677a H:351 S:55 B:90 #cc5c6d H:351 S:55 B:80 #b3505f H:351 S:55 B:70 #994551 H:351 S:55 B:60 #803944 H:351 S:55 B:50 #662e36 H:351 S:55 B:40 #4d2229 H:351 S:55 B:30 #33171b H:351 S:55 B:20 #1a0b0e H:351 S:55 B:10 #000000 H:351 S:55 B:0
彩度 #f50025 H:351 S:100 B:96 #f5183a H:351 S:90 B:96 #f5314e H:351 S:80 B:96 #f54963 H:351 S:70 B:96 #f56278 H:351 S:60 B:96 #f57a8d H:351 S:50 B:96 #f593a2 H:351 S:40 B:96 #f5abb6 H:351 S:30 B:96 #f5c4cb H:351 S:20 B:96 #f5dce0 H:351 S:10 B:96 #f5f5f5 H:351 S:0 B:96
補色 #6ef59d H:141 S:55 B:96 #6ef5e1 H:171 S:55 B:96 #6ec6f5 H:201 S:55 B:96
類似色 #e16ef5 H:291 S:55 B:96 #f56ee7 H:306 S:55 B:96 #f56ec6 H:321 S:55 B:96 #f56ea4 H:336 S:55 B:96 #f56e82 H:351 S:55 B:96 #f57c6e H:6 S:55 B:96 #f59d6e H:21 S:55 B:96 #f5bf6e H:36 S:55 B:96 #f5e16e H:51 S:55 B:96

#f56e83 の配色パターン