#f587ea

Hexadecimal Color Code

軽い紫系の色

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

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

[L*a*b*] L*:71.34 a*:55.22 b*:-31.99

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

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

[OKLCH] L:77.5% C:0.179 H:330.9

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

[コントラスト比] Aa 白 2.20:1 ×　Aa 黒 9.53: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
明度 #ff8cf4 H:306 S:45 B:100 #e67edb H:306 S:45 B:90 #cc70c3 H:306 S:45 B:80 #b362aa H:306 S:45 B:70 #995492 H:306 S:45 B:60 #80467a H:306 S:45 B:50 #663861 H:306 S:45 B:40 #4d2a49 H:306 S:45 B:30 #331c31 H:306 S:45 B:20 #1a0e18 H:306 S:45 B:10 #000000 H:306 S:45 B:0
彩度 #f500dc H:306 S:100 B:96 #f518df H:306 S:90 B:96 #f531e1 H:306 S:80 B:96 #f549e4 H:306 S:70 B:96 #f562e6 H:306 S:60 B:96 #f57ae9 H:306 S:50 B:96 #f593eb H:306 S:40 B:96 #f5abed H:306 S:30 B:96 #f5c4f0 H:306 S:20 B:96 #f5dcf2 H:306 S:10 B:96 #f5f5f5 H:306 S:0 B:96
補色 #b3f587 H:96 S:45 B:96 #87f592 H:126 S:45 B:96 #87f5c9 H:156 S:45 B:96
類似色 #9287f5 H:246 S:45 B:96 #ad87f5 H:261 S:45 B:96 #c987f5 H:276 S:45 B:96 #e487f5 H:291 S:45 B:96 #f587ea H:306 S:45 B:96 #f587ce H:321 S:45 B:96 #f587b3 H:336 S:45 B:96 #f58797 H:351 S:45 B:96 #f59287 H:6 S:45 B:96

#f587ea の配色パターン