#336af4

Hexadecimal Color Code

R:51 G:106 B:244

H:223 S:79 B:96

L*:48.93 a*:30.97 b*:-74.16

C:81% M:59% Y:0% K:0%

明るい青紫系の色

色相 #f53333 H:360 S:79 B:96 #f53354 H:350 S:79 B:96 #f53374 H:340 S:79 B:96 #f53394 H:330 S:79 B:96 #f533b4 H:320 S:79 B:96 #f533d5 H:310 S:79 B:96 #f533f5 H:300 S:79 B:96 #d533f5 H:290 S:79 B:96 #b433f5 H:280 S:79 B:96 #9433f5 H:270 S:79 B:96 #7433f5 H:260 S:79 B:96 #5433f5 H:250 S:79 B:96 #3333f5 H:240 S:79 B:96 #3354f5 H:230 S:79 B:96 #3374f5 H:220 S:79 B:96 #3394f5 H:210 S:79 B:96 #33b4f5 H:200 S:79 B:96 #33d5f5 H:190 S:79 B:96 #33f5f5 H:180 S:79 B:96 #33f5d5 H:170 S:79 B:96 #33f5b4 H:160 S:79 B:96 #33f594 H:150 S:79 B:96 #33f574 H:140 S:79 B:96 #33f554 H:130 S:79 B:96 #33f533 H:120 S:79 B:96 #54f533 H:110 S:79 B:96 #74f533 H:100 S:79 B:96 #94f533 H:90 S:79 B:96 #b4f533 H:80 S:79 B:96 #d5f533 H:70 S:79 B:96 #f5f533 H:60 S:79 B:96 #f5d533 H:50 S:79 B:96 #f5b433 H:40 S:79 B:96 #f59433 H:30 S:79 B:96 #f57433 H:20 S:79 B:96 #f55433 H:10 S:79 B:96 #f53333 H:0 S:79 B:96
明度 #366fff H:223 S:79 B:100 #3064e6 H:223 S:79 B:90 #2b59cc H:223 S:79 B:80 #254db3 H:223 S:79 B:70 #204299 H:223 S:79 B:60 #1b3780 H:223 S:79 B:50 #152c66 H:223 S:79 B:40 #10214d H:223 S:79 B:30 #0b1633 H:223 S:79 B:20 #050b1a H:223 S:79 B:10 #000000 H:223 S:79 B:0
彩度 #0045f5 H:223 S:100 B:96 #1857f5 H:223 S:90 B:96 #3168f5 H:223 S:80 B:96 #497af5 H:223 S:70 B:96 #628cf5 H:223 S:60 B:96 #7a9df5 H:223 S:50 B:96 #93aff5 H:223 S:40 B:96 #abc0f5 H:223 S:30 B:96 #c4d2f5 H:223 S:20 B:96 #dce3f5 H:223 S:10 B:96 #f5f5f5 H:223 S:0 B:96
補色 #f55d33 H:13 S:79 B:96 #f5be33 H:43 S:79 B:96 #cbf533 H:73 S:79 B:96
類似色 #33f5be H:163 S:79 B:96 #33f5ee H:178 S:79 B:96 #33cbf5 H:193 S:79 B:96 #339bf5 H:208 S:79 B:96 #336af5 H:223 S:79 B:96 #333af5 H:238 S:79 B:96 #5d33f5 H:253 S:79 B:96 #8e33f5 H:268 S:79 B:96 #be33f5 H:283 S:79 B:96

#336af4の配色パターン