#5787f7

Hexadecimal Color Code

明るい青紫系の色

[RGB] R:87 G:135 B:247

[HSB] H:222 S:65 B:97

[Lab] L:58.1 a:18.66 b:-60.94

[CMYK] C:69% M:47% Y:0% K:0%

[HSL] H:222 S:91 L:65

[OKLCH] L:64.5% C:0.175 H:264.6

[Display-P3] R:0.3832 G:0.5245 B:0.9386

[コントラスト比] Aa 白 3.37:1 △　Aa 黒 6.21:1 ○

色相 #f75757 H:360 S:65 B:97 #f75771 H:350 S:65 B:97 #f7578c H:340 S:65 B:97 #f757a7 H:330 S:65 B:97 #f757c2 H:320 S:65 B:97 #f757dd H:310 S:65 B:97 #f757f7 H:300 S:65 B:97 #dd57f7 H:290 S:65 B:97 #c257f7 H:280 S:65 B:97 #a757f7 H:270 S:65 B:97 #8c57f7 H:260 S:65 B:97 #7157f7 H:250 S:65 B:97 #5757f7 H:240 S:65 B:97 #5771f7 H:230 S:65 B:97 #578cf7 H:220 S:65 B:97 #57a7f7 H:210 S:65 B:97 #57c2f7 H:200 S:65 B:97 #57ddf7 H:190 S:65 B:97 #57f7f7 H:180 S:65 B:97 #57f7dd H:170 S:65 B:97 #57f7c2 H:160 S:65 B:97 #57f7a7 H:150 S:65 B:97 #57f78c H:140 S:65 B:97 #57f771 H:130 S:65 B:97 #57f757 H:120 S:65 B:97 #71f757 H:110 S:65 B:97 #8cf757 H:100 S:65 B:97 #a7f757 H:90 S:65 B:97 #c2f757 H:80 S:65 B:97 #ddf757 H:70 S:65 B:97 #f7f757 H:60 S:65 B:97 #f7dd57 H:50 S:65 B:97 #f7c257 H:40 S:65 B:97 #f7a757 H:30 S:65 B:97 #f78c57 H:20 S:65 B:97 #f77157 H:10 S:65 B:97 #f75757 H:0 S:65 B:97

明度 #598bff H:222 S:65 B:100 #507de6 H:222 S:65 B:90 #476fcc H:222 S:65 B:80 #3e61b3 H:222 S:65 B:70 #365399 H:222 S:65 B:60 #2d4580 H:222 S:65 B:50 #243866 H:222 S:65 B:40 #1b2a4d H:222 S:65 B:30 #121c33 H:222 S:65 B:20 #090e1a H:222 S:65 B:10 #000000 H:222 S:65 B:0

彩度 #004af7 H:222 S:100 B:97 #195cf7 H:222 S:90 B:97 #316df7 H:222 S:80 B:97 #4a7ef7 H:222 S:70 B:97 #638ff7 H:222 S:60 B:97 #7ca1f7 H:222 S:50 B:97 #94b2f7 H:222 S:40 B:97 #adc3f7 H:222 S:30 B:97 #c6d5f7 H:222 S:20 B:97 #dfe6f7 H:222 S:10 B:97 #f7f7f7 H:222 S:0 B:97

補色 #f77757 H:12 S:65 B:97 #f7c757 H:42 S:65 B:97 #d7f757 H:72 S:65 B:97

類似色 #57f7c7 H:162 S:65 B:97 #57f7ef H:177 S:65 B:97 #57d7f7 H:192 S:65 B:97 #57aff7 H:207 S:65 B:97 #5787f7 H:222 S:65 B:97 #575ff7 H:237 S:65 B:97 #7757f7 H:252 S:65 B:97 #9f57f7 H:267 S:65 B:97 #c757f7 H:282 S:65 B:97

#5787f7 の配色パターン