#ba5af2

Hexadecimal Color Code

明るい紫系の色

[RGB] R:186 G:90 B:242

[HSB] H:278 S:63 B:95

[L*a*b*] L*:56.25 a*:63.05 b*:-60.69

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

[HSL] H:278 S:85 L:65

[OKLCH] L:65% C:0.226 H:310.7

[Display-P3] R:0.6814 G:0.3737 B:0.9184

[コントラスト比] Aa 白 3.60:1 △　Aa 黒 5.83:1 ○

色相 #f25a5a H:360 S:63 B:95 #f25a73 H:350 S:63 B:95 #f25a8d H:340 S:63 B:95 #f25aa6 H:330 S:63 B:95 #f25abf H:320 S:63 B:95 #f25ad9 H:310 S:63 B:95 #f25af2 H:300 S:63 B:95 #d95af2 H:290 S:63 B:95 #bf5af2 H:280 S:63 B:95 #a65af2 H:270 S:63 B:95 #8d5af2 H:260 S:63 B:95 #735af2 H:250 S:63 B:95 #5a5af2 H:240 S:63 B:95 #5a73f2 H:230 S:63 B:95 #5a8df2 H:220 S:63 B:95 #5aa6f2 H:210 S:63 B:95 #5abff2 H:200 S:63 B:95 #5ad9f2 H:190 S:63 B:95 #5af2f2 H:180 S:63 B:95 #5af2d9 H:170 S:63 B:95 #5af2bf H:160 S:63 B:95 #5af2a6 H:150 S:63 B:95 #5af28d H:140 S:63 B:95 #5af273 H:130 S:63 B:95 #5af25a H:120 S:63 B:95 #73f25a H:110 S:63 B:95 #8df25a H:100 S:63 B:95 #a6f25a H:90 S:63 B:95 #bff25a H:80 S:63 B:95 #d9f25a H:70 S:63 B:95 #f2f25a H:60 S:63 B:95 #f2d95a H:50 S:63 B:95 #f2bf5a H:40 S:63 B:95 #f2a65a H:30 S:63 B:95 #f28d5a H:20 S:63 B:95 #f2735a H:10 S:63 B:95 #f25a5a H:0 S:63 B:95
明度 #c45eff H:278 S:63 B:100 #b055e6 H:278 S:63 B:90 #9d4bcc H:278 S:63 B:80 #8942b3 H:278 S:63 B:70 #763999 H:278 S:63 B:60 #622f80 H:278 S:63 B:50 #4e2666 H:278 S:63 B:40 #3b1c4d H:278 S:63 B:30 #271333 H:278 S:63 B:20 #14091a H:278 S:63 B:10 #000000 H:278 S:63 B:0
彩度 #9900f2 H:278 S:100 B:95 #a218f2 H:278 S:90 B:95 #ab30f2 H:278 S:80 B:95 #b449f2 H:278 S:70 B:95 #bd61f2 H:278 S:60 B:95 #c679f2 H:278 S:50 B:95 #cf91f2 H:278 S:40 B:95 #d8aaf2 H:278 S:30 B:95 #e0c2f2 H:278 S:20 B:95 #e9daf2 H:278 S:10 B:95 #f2f2f2 H:278 S:0 B:95
補色 #def25a H:68 S:63 B:95 #92f25a H:98 S:63 B:95 #5af26e H:128 S:63 B:95
類似色 #5a92f2 H:218 S:63 B:95 #5a6bf2 H:233 S:63 B:95 #6e5af2 H:248 S:63 B:95 #945af2 H:263 S:63 B:95 #ba5af2 H:278 S:63 B:95 #e05af2 H:293 S:63 B:95 #f25ade H:308 S:63 B:95 #f25ab8 H:323 S:63 B:95 #f25a92 H:338 S:63 B:95

#ba5af2 の配色パターン