#3ba4f5

Hexadecimal Color Code

明るい青紫系の色

[RGB] R:59 G:164 B:245

[HSB] H:206 S:76 B:96

[L*a*b*] L*:65.01 a*:-2.99 b*:-48.89

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

[HSL] H:206 S:90 L:60

[OKLCH] L:69.6% C:0.152 H:246.1

[Display-P3] R:0.3523 G:0.6345 B:0.9353

[コントラスト比] Aa 白 2.68:1 ×　Aa 黒 7.81:1 ◎

色相 #f53b3b H:360 S:76 B:96 #f53b5a H:350 S:76 B:96 #f53b79 H:340 S:76 B:96 #f53b98 H:330 S:76 B:96 #f53bb7 H:320 S:76 B:96 #f53bd6 H:310 S:76 B:96 #f53bf5 H:300 S:76 B:96 #d63bf5 H:290 S:76 B:96 #b73bf5 H:280 S:76 B:96 #983bf5 H:270 S:76 B:96 #793bf5 H:260 S:76 B:96 #5a3bf5 H:250 S:76 B:96 #3b3bf5 H:240 S:76 B:96 #3b5af5 H:230 S:76 B:96 #3b79f5 H:220 S:76 B:96 #3b98f5 H:210 S:76 B:96 #3bb7f5 H:200 S:76 B:96 #3bd6f5 H:190 S:76 B:96 #3bf5f5 H:180 S:76 B:96 #3bf5d6 H:170 S:76 B:96 #3bf5b7 H:160 S:76 B:96 #3bf598 H:150 S:76 B:96 #3bf579 H:140 S:76 B:96 #3bf55a H:130 S:76 B:96 #3bf53b H:120 S:76 B:96 #5af53b H:110 S:76 B:96 #79f53b H:100 S:76 B:96 #98f53b H:90 S:76 B:96 #b7f53b H:80 S:76 B:96 #d6f53b H:70 S:76 B:96 #f5f53b H:60 S:76 B:96 #f5d63b H:50 S:76 B:96 #f5b73b H:40 S:76 B:96 #f5983b H:30 S:76 B:96 #f5793b H:20 S:76 B:96 #f55a3b H:10 S:76 B:96 #f53b3b H:0 S:76 B:96
明度 #3dabff H:206 S:76 B:100 #379ae6 H:206 S:76 B:90 #3189cc H:206 S:76 B:80 #2b78b3 H:206 S:76 B:70 #256799 H:206 S:76 B:60 #1f5680 H:206 S:76 B:50 #184466 H:206 S:76 B:40 #12334d H:206 S:76 B:30 #0c2233 H:206 S:76 B:20 #06111a H:206 S:76 B:10 #000000 H:206 S:76 B:0
彩度 #008bf5 H:206 S:100 B:96 #1895f5 H:206 S:90 B:96 #31a0f5 H:206 S:80 B:96 #49abf5 H:206 S:70 B:96 #62b5f5 H:206 S:60 B:96 #7ac0f5 H:206 S:50 B:96 #93caf5 H:206 S:40 B:96 #abd5f5 H:206 S:30 B:96 #c4e0f5 H:206 S:20 B:96 #dceaf5 H:206 S:10 B:96 #f5f5f5 H:206 S:0 B:96
補色 #f53b47 H:356 S:76 B:96 #f58b3b H:26 S:76 B:96 #f5e83b H:56 S:76 B:96
類似色 #3bf58b H:146 S:76 B:96 #3bf5ba H:161 S:76 B:96 #3bf5e8 H:176 S:76 B:96 #3bd3f5 H:191 S:76 B:96 #3ba4f5 H:206 S:76 B:96 #3b76f5 H:221 S:76 B:96 #3b47f5 H:236 S:76 B:96 #5d3bf5 H:251 S:76 B:96 #8b3bf5 H:266 S:76 B:96

#3ba4f5 の配色パターン