#877ff6

Hexadecimal Color Code

軽い青紫系の色

[RGB] R:135 G:127 B:246

[HSB] H:244 S:48 B:96

[L*a*b*] L*:58.95 a*:32.57 b*:-58.85

[CMYK] C:59% M:53% Y:0% K:0%

[HSL] H:244 S:87 L:73

[OKLCH] L:65.9% C:0.172 H:283.7

[Display-P3] R:0.524 G:0.4991 B:0.9351

[コントラスト比] Aa 白 3.28:1 △　Aa 黒 6.39:1 ○

色相 #f57f7f H:360 S:48 B:96 #f57f93 H:350 S:48 B:96 #f57fa6 H:340 S:48 B:96 #f57fba H:330 S:48 B:96 #f57fce H:320 S:48 B:96 #f57fe1 H:310 S:48 B:96 #f57ff5 H:300 S:48 B:96 #e17ff5 H:290 S:48 B:96 #ce7ff5 H:280 S:48 B:96 #ba7ff5 H:270 S:48 B:96 #a67ff5 H:260 S:48 B:96 #937ff5 H:250 S:48 B:96 #7f7ff5 H:240 S:48 B:96 #7f93f5 H:230 S:48 B:96 #7fa6f5 H:220 S:48 B:96 #7fbaf5 H:210 S:48 B:96 #7fcef5 H:200 S:48 B:96 #7fe1f5 H:190 S:48 B:96 #7ff5f5 H:180 S:48 B:96 #7ff5e1 H:170 S:48 B:96 #7ff5ce H:160 S:48 B:96 #7ff5ba H:150 S:48 B:96 #7ff5a6 H:140 S:48 B:96 #7ff593 H:130 S:48 B:96 #7ff57f H:120 S:48 B:96 #93f57f H:110 S:48 B:96 #a6f57f H:100 S:48 B:96 #baf57f H:90 S:48 B:96 #cef57f H:80 S:48 B:96 #e1f57f H:70 S:48 B:96 #f5f57f H:60 S:48 B:96 #f5e17f H:50 S:48 B:96 #f5ce7f H:40 S:48 B:96 #f5ba7f H:30 S:48 B:96 #f5a67f H:20 S:48 B:96 #f5937f H:10 S:48 B:96 #f57f7f H:0 S:48 B:96
明度 #8d85ff H:244 S:48 B:100 #7f77e6 H:244 S:48 B:90 #716acc H:244 S:48 B:80 #635db3 H:244 S:48 B:70 #545099 H:244 S:48 B:60 #464280 H:244 S:48 B:50 #383566 H:244 S:48 B:40 #2a284d H:244 S:48 B:30 #1c1b33 H:244 S:48 B:20 #0e0d1a H:244 S:48 B:10 #000000 H:244 S:48 B:0
彩度 #1000f5 H:244 S:100 B:96 #2718f5 H:244 S:90 B:96 #3e31f5 H:244 S:80 B:96 #5549f5 H:244 S:70 B:96 #6c62f5 H:244 S:60 B:96 #837af5 H:244 S:50 B:96 #9993f5 H:244 S:40 B:96 #b0abf5 H:244 S:30 B:96 #c7c4f5 H:244 S:20 B:96 #dedcf5 H:244 S:10 B:96 #f5f5f5 H:244 S:0 B:96
補色 #f5c27f H:34 S:48 B:96 #edf57f H:64 S:48 B:96 #b2f57f H:94 S:48 B:96
類似色 #7fedf5 H:184 S:48 B:96 #7fd0f5 H:199 S:48 B:96 #7fb2f5 H:214 S:48 B:96 #7f95f5 H:229 S:48 B:96 #877ff5 H:244 S:48 B:96 #a57ff5 H:259 S:48 B:96 #c27ff5 H:274 S:48 B:96 #df7ff5 H:289 S:48 B:96 #f57fed H:304 S:48 B:96

#877ff6 の配色パターン