#bb84f5

Hexadecimal Color Code

軽い紫系の色

[RGB] R:187 G:132 B:245

[HSB] H:269 S:46 B:96

[L*a*b*] L*:64.69 a*:42.53 b*:-48.9

[CMYK] C:42% M:52% Y:0% K:0%

[HSL] H:269 S:85 L:74

[OKLCH] L:71.3% C:0.167 H:305

[Display-P3] R:0.7012 G:0.5267 B:0.9341

[コントラスト比] Aa 白 2.71:1 ×　Aa 黒 7.73:1 ◎

色相 #f58484 H:360 S:46 B:96 #f58497 H:350 S:46 B:96 #f584aa H:340 S:46 B:96 #f584bc H:330 S:46 B:96 #f584cf H:320 S:46 B:96 #f584e2 H:310 S:46 B:96 #f584f5 H:300 S:46 B:96 #e284f5 H:290 S:46 B:96 #cf84f5 H:280 S:46 B:96 #bc84f5 H:270 S:46 B:96 #aa84f5 H:260 S:46 B:96 #9784f5 H:250 S:46 B:96 #8484f5 H:240 S:46 B:96 #8497f5 H:230 S:46 B:96 #84aaf5 H:220 S:46 B:96 #84bcf5 H:210 S:46 B:96 #84cff5 H:200 S:46 B:96 #84e2f5 H:190 S:46 B:96 #84f5f5 H:180 S:46 B:96 #84f5e2 H:170 S:46 B:96 #84f5cf H:160 S:46 B:96 #84f5bc H:150 S:46 B:96 #84f5aa H:140 S:46 B:96 #84f597 H:130 S:46 B:96 #84f584 H:120 S:46 B:96 #97f584 H:110 S:46 B:96 #aaf584 H:100 S:46 B:96 #bcf584 H:90 S:46 B:96 #cff584 H:80 S:46 B:96 #e2f584 H:70 S:46 B:96 #f5f584 H:60 S:46 B:96 #f5e284 H:50 S:46 B:96 #f5cf84 H:40 S:46 B:96 #f5bc84 H:30 S:46 B:96 #f5aa84 H:20 S:46 B:96 #f59784 H:10 S:46 B:96 #f58484 H:0 S:46 B:96
明度 #c28aff H:269 S:46 B:100 #af7ce6 H:269 S:46 B:90 #9c6ecc H:269 S:46 B:80 #8860b3 H:269 S:46 B:70 #755399 H:269 S:46 B:60 #614580 H:269 S:46 B:50 #4e3766 H:269 S:46 B:40 #3a294d H:269 S:46 B:30 #271c33 H:269 S:46 B:20 #130e1a H:269 S:46 B:10 #000000 H:269 S:46 B:0
彩度 #7600f5 H:269 S:100 B:96 #8318f5 H:269 S:90 B:96 #9031f5 H:269 S:80 B:96 #9c49f5 H:269 S:70 B:96 #a962f5 H:269 S:60 B:96 #b67af5 H:269 S:50 B:96 #c293f5 H:269 S:40 B:96 #cfabf5 H:269 S:30 B:96 #dcc4f5 H:269 S:20 B:96 #e8dcf5 H:269 S:10 B:96 #f5f5f5 H:269 S:0 B:96
補色 #f5f384 H:59 S:46 B:96 #bef584 H:89 S:46 B:96 #86f584 H:119 S:46 B:96
類似色 #84bef5 H:209 S:46 B:96 #84a2f5 H:224 S:46 B:96 #8486f5 H:239 S:46 B:96 #9e84f5 H:254 S:46 B:96 #bb84f5 H:269 S:46 B:96 #d784f5 H:284 S:46 B:96 #f384f5 H:299 S:46 B:96 #f584db H:314 S:46 B:96 #f584be H:329 S:46 B:96

#bb84f5 の配色パターン