#f587e6

Hexadecimal Color Code

軽い紫系の色

[RGB] R:245 G:135 B:230

[HSB] H:308 S:45 B:96

[L*a*b*] L*:71.18 a*:54.55 b*:-30.03

[CMYK] C:19% M:55% Y:0% K:0%

[HSL] H:308 S:85 L:75

[OKLCH] L:77.4% C:0.176 H:332.4

[Display-P3] R:0.9033 G:0.5512 B:0.8827

[コントラスト比] Aa 白 2.21:1 ×　Aa 黒 9.49:1 ◎

色相 #f58787 H:360 S:45 B:96 #f58799 H:350 S:45 B:96 #f587ab H:340 S:45 B:96 #f587be H:330 S:45 B:96 #f587d0 H:320 S:45 B:96 #f587e2 H:310 S:45 B:96 #f587f5 H:300 S:45 B:96 #e287f5 H:290 S:45 B:96 #d087f5 H:280 S:45 B:96 #be87f5 H:270 S:45 B:96 #ab87f5 H:260 S:45 B:96 #9987f5 H:250 S:45 B:96 #8787f5 H:240 S:45 B:96 #8799f5 H:230 S:45 B:96 #87abf5 H:220 S:45 B:96 #87bef5 H:210 S:45 B:96 #87d0f5 H:200 S:45 B:96 #87e2f5 H:190 S:45 B:96 #87f5f5 H:180 S:45 B:96 #87f5e2 H:170 S:45 B:96 #87f5d0 H:160 S:45 B:96 #87f5be H:150 S:45 B:96 #87f5ab H:140 S:45 B:96 #87f599 H:130 S:45 B:96 #87f587 H:120 S:45 B:96 #99f587 H:110 S:45 B:96 #abf587 H:100 S:45 B:96 #bef587 H:90 S:45 B:96 #d0f587 H:80 S:45 B:96 #e2f587 H:70 S:45 B:96 #f5f587 H:60 S:45 B:96 #f5e287 H:50 S:45 B:96 #f5d087 H:40 S:45 B:96 #f5be87 H:30 S:45 B:96 #f5ab87 H:20 S:45 B:96 #f59987 H:10 S:45 B:96 #f58787 H:0 S:45 B:96
明度 #ff8cf0 H:308 S:45 B:100 #e67ed8 H:308 S:45 B:90 #cc70c0 H:308 S:45 B:80 #b362a8 H:308 S:45 B:70 #995490 H:308 S:45 B:60 #804678 H:308 S:45 B:50 #663860 H:308 S:45 B:40 #4d2a48 H:308 S:45 B:30 #331c30 H:308 S:45 B:20 #1a0e18 H:308 S:45 B:10 #000000 H:308 S:45 B:0
彩度 #f500d4 H:308 S:100 B:96 #f518d7 H:308 S:90 B:96 #f531db H:308 S:80 B:96 #f549de H:308 S:70 B:96 #f562e1 H:308 S:60 B:96 #f57ae4 H:308 S:50 B:96 #f593e8 H:308 S:40 B:96 #f5abeb H:308 S:30 B:96 #f5c4ee H:308 S:20 B:96 #f5dcf2 H:308 S:10 B:96 #f5f5f5 H:308 S:0 B:96
補色 #aff587 H:98 S:45 B:96 #87f595 H:128 S:45 B:96 #87f5cc H:158 S:45 B:96
類似色 #9587f5 H:248 S:45 B:96 #b187f5 H:263 S:45 B:96 #cc87f5 H:278 S:45 B:96 #e887f5 H:293 S:45 B:96 #f587e6 H:308 S:45 B:96 #f587cb H:323 S:45 B:96 #f587af H:338 S:45 B:96 #f58793 H:353 S:45 B:96 #f59587 H:8 S:45 B:96

#f587e6 の配色パターン