#3f87f1

Hexadecimal Color Code

明るい青紫系の色

[RGB] R:63 G:135 B:241

[HSB] H:216 S:74 B:95

[Lab] L:56.81 a:13.14 b:-59.73

[CMYK] C:74% M:45% Y:0% K:0%

[HSL] H:216 S:86 L:60

[OKLCH] L:63.2% C:0.175 H:258.3

[Display-P3] R:0.3207 G:0.5229 B:0.9159

[コントラスト比] Aa 白 3.53:1 △　Aa 黒 5.94:1 ○

色相 #f23f3f H:360 S:74 B:95 #f23f5d H:350 S:74 B:95 #f23f7b H:340 S:74 B:95 #f23f99 H:330 S:74 B:95 #f23fb6 H:320 S:74 B:95 #f23fd4 H:310 S:74 B:95 #f23ff2 H:300 S:74 B:95 #d43ff2 H:290 S:74 B:95 #b63ff2 H:280 S:74 B:95 #993ff2 H:270 S:74 B:95 #7b3ff2 H:260 S:74 B:95 #5d3ff2 H:250 S:74 B:95 #3f3ff2 H:240 S:74 B:95 #3f5df2 H:230 S:74 B:95 #3f7bf2 H:220 S:74 B:95 #3f99f2 H:210 S:74 B:95 #3fb6f2 H:200 S:74 B:95 #3fd4f2 H:190 S:74 B:95 #3ff2f2 H:180 S:74 B:95 #3ff2d4 H:170 S:74 B:95 #3ff2b6 H:160 S:74 B:95 #3ff299 H:150 S:74 B:95 #3ff27b H:140 S:74 B:95 #3ff25d H:130 S:74 B:95 #3ff23f H:120 S:74 B:95 #5df23f H:110 S:74 B:95 #7bf23f H:100 S:74 B:95 #99f23f H:90 S:74 B:95 #b6f23f H:80 S:74 B:95 #d4f23f H:70 S:74 B:95 #f2f23f H:60 S:74 B:95 #f2d43f H:50 S:74 B:95 #f2b63f H:40 S:74 B:95 #f2993f H:30 S:74 B:95 #f27b3f H:20 S:74 B:95 #f25d3f H:10 S:74 B:95 #f23f3f H:0 S:74 B:95

明度 #428eff H:216 S:74 B:100 #3c80e6 H:216 S:74 B:90 #3571cc H:216 S:74 B:80 #2e63b3 H:216 S:74 B:70 #285599 H:216 S:74 B:60 #214780 H:216 S:74 B:50 #1b3966 H:216 S:74 B:40 #142b4d H:216 S:74 B:30 #0d1c33 H:216 S:74 B:20 #070e1a H:216 S:74 B:10 #000000 H:216 S:74 B:0

彩度 #0061f2 H:216 S:100 B:95 #186ff2 H:216 S:90 B:95 #307ef2 H:216 S:80 B:95 #498df2 H:216 S:70 B:95 #619bf2 H:216 S:60 B:95 #79aaf2 H:216 S:50 B:95 #91b8f2 H:216 S:40 B:95 #aac7f2 H:216 S:30 B:95 #c2d5f2 H:216 S:20 B:95 #dae4f2 H:216 S:10 B:95 #f2f2f2 H:216 S:0 B:95

補色 #f2513f H:6 S:74 B:95 #f2ab3f H:36 S:74 B:95 #e0f23f H:66 S:74 B:95

類似色 #3ff2ab H:156 S:74 B:95 #3ff2d7 H:171 S:74 B:95 #3fe0f2 H:186 S:74 B:95 #3fb4f2 H:201 S:74 B:95 #3f87f2 H:216 S:74 B:95 #3f5af2 H:231 S:74 B:95 #513ff2 H:246 S:74 B:95 #7e3ff2 H:261 S:74 B:95 #ab3ff2 H:276 S:74 B:95

#3f87f1 の配色パターン