#1b55f5

Hexadecimal Color Code

あざやかな青紫系の色

[RGB] R:27 G:85 B:245

[HSB] H:224 S:89 B:96

[L*a*b*] L*:43.24 a*:42.91 b*:-84.06

[CMYK] C:85% M:65% Y:0% K:0%

[HSL] H:224 S:92 L:53

[OKLCH] L:52.7% C:0.245 H:264.1

[Display-P3] R:0.1724 G:0.3286 B:0.9252

[コントラスト比] Aa 白 5.73:1 ○　Aa 黒 3.66:1 △

色相 #f51b1b H:360 S:89 B:96 #f51b3f H:350 S:89 B:96 #f51b64 H:340 S:89 B:96 #f51b88 H:330 S:89 B:96 #f51bac H:320 S:89 B:96 #f51bd0 H:310 S:89 B:96 #f51bf5 H:300 S:89 B:96 #d01bf5 H:290 S:89 B:96 #ac1bf5 H:280 S:89 B:96 #881bf5 H:270 S:89 B:96 #641bf5 H:260 S:89 B:96 #3f1bf5 H:250 S:89 B:96 #1b1bf5 H:240 S:89 B:96 #1b3ff5 H:230 S:89 B:96 #1b64f5 H:220 S:89 B:96 #1b88f5 H:210 S:89 B:96 #1bacf5 H:200 S:89 B:96 #1bd0f5 H:190 S:89 B:96 #1bf5f5 H:180 S:89 B:96 #1bf5d0 H:170 S:89 B:96 #1bf5ac H:160 S:89 B:96 #1bf588 H:150 S:89 B:96 #1bf564 H:140 S:89 B:96 #1bf53f H:130 S:89 B:96 #1bf51b H:120 S:89 B:96 #3ff51b H:110 S:89 B:96 #64f51b H:100 S:89 B:96 #88f51b H:90 S:89 B:96 #acf51b H:80 S:89 B:96 #d0f51b H:70 S:89 B:96 #f5f51b H:60 S:89 B:96 #f5d01b H:50 S:89 B:96 #f5ac1b H:40 S:89 B:96 #f5881b H:30 S:89 B:96 #f5641b H:20 S:89 B:96 #f53f1b H:10 S:89 B:96 #f51b1b H:0 S:89 B:96
明度 #1c59ff H:224 S:89 B:100 #1950e6 H:224 S:89 B:90 #1647cc H:224 S:89 B:80 #143eb3 H:224 S:89 B:70 #113599 H:224 S:89 B:60 #0e2c80 H:224 S:89 B:50 #0b2366 H:224 S:89 B:40 #081b4d H:224 S:89 B:30 #061233 H:224 S:89 B:20 #03091a H:224 S:89 B:10 #000000 H:224 S:89 B:0
彩度 #0041f5 H:224 S:100 B:96 #1853f5 H:224 S:90 B:96 #3165f5 H:224 S:80 B:96 #4977f5 H:224 S:70 B:96 #6289f5 H:224 S:60 B:96 #7a9bf5 H:224 S:50 B:96 #93adf5 H:224 S:40 B:96 #abbff5 H:224 S:30 B:96 #c4d1f5 H:224 S:20 B:96 #dce3f5 H:224 S:10 B:96 #f5f5f5 H:224 S:0 B:96
補色 #f54e1b H:14 S:89 B:96 #f5bb1b H:44 S:89 B:96 #c2f51b H:74 S:89 B:96
類似色 #1bf5bb H:164 S:89 B:96 #1bf5f1 H:179 S:89 B:96 #1bc2f5 H:194 S:89 B:96 #1b8bf5 H:209 S:89 B:96 #1b55f5 H:224 S:89 B:96 #1b1ff5 H:239 S:89 B:96 #4e1bf5 H:254 S:89 B:96 #841bf5 H:269 S:89 B:96 #bb1bf5 H:284 S:89 B:96

#1b55f5 の配色パターン