#6ba3b2

Hexadecimal Color Code

灰みの青系の色

[RGB] R:107 G:163 B:178

[HSB] H:193 S:40 B:70

[L*a*b*] L*:63.78 a*:-14.41 b*:-13.54

[CMYK] C:62% M:27% Y:29% K:0%

[HSL] H:193 S:32 L:56

[OKLCH] L:68.2% C:0.063 H:216.5

[Display-P3] R:0.4684 G:0.6334 B:0.6904

[コントラスト比] Aa 白 2.79:1 ×　Aa 黒 7.50:1 ◎

色相 #b36b6b H:360 S:40 B:70 #b36b77 H:350 S:40 B:70 #b36b83 H:340 S:40 B:70 #b36b8f H:330 S:40 B:70 #b36b9b H:320 S:40 B:70 #b36ba7 H:310 S:40 B:70 #b36bb3 H:300 S:40 B:70 #a76bb3 H:290 S:40 B:70 #9b6bb3 H:280 S:40 B:70 #8f6bb3 H:270 S:40 B:70 #836bb3 H:260 S:40 B:70 #776bb3 H:250 S:40 B:70 #6b6bb3 H:240 S:40 B:70 #6b77b3 H:230 S:40 B:70 #6b83b3 H:220 S:40 B:70 #6b8fb3 H:210 S:40 B:70 #6b9bb3 H:200 S:40 B:70 #6ba7b3 H:190 S:40 B:70 #6bb3b3 H:180 S:40 B:70 #6bb3a7 H:170 S:40 B:70 #6bb39b H:160 S:40 B:70 #6bb38f H:150 S:40 B:70 #6bb383 H:140 S:40 B:70 #6bb377 H:130 S:40 B:70 #6bb36b H:120 S:40 B:70 #77b36b H:110 S:40 B:70 #83b36b H:100 S:40 B:70 #8fb36b H:90 S:40 B:70 #9bb36b H:80 S:40 B:70 #a7b36b H:70 S:40 B:70 #b3b36b H:60 S:40 B:70 #b3a76b H:50 S:40 B:70 #b39b6b H:40 S:40 B:70 #b38f6b H:30 S:40 B:70 #b3836b H:20 S:40 B:70 #b3776b H:10 S:40 B:70 #b36b6b H:0 S:40 B:70
明度 #99e9ff H:193 S:40 B:100 #8ad2e6 H:193 S:40 B:90 #7abacc H:193 S:40 B:80 #6ba3b3 H:193 S:40 B:70 #5c8c99 H:193 S:40 B:60 #4d7480 H:193 S:40 B:50 #3d5d66 H:193 S:40 B:40 #2e464d H:193 S:40 B:30 #1f2f33 H:193 S:40 B:20 #0f171a H:193 S:40 B:10 #000000 H:193 S:40 B:0
彩度 #008cb3 H:193 S:100 B:70 #1290b3 H:193 S:90 B:70 #2494b3 H:193 S:80 B:70 #3697b3 H:193 S:70 B:70 #479bb3 H:193 S:60 B:70 #599fb3 H:193 S:50 B:70 #6ba3b3 H:193 S:40 B:70 #7da7b3 H:193 S:30 B:70 #8fabb3 H:193 S:20 B:70 #a1afb3 H:193 S:10 B:70 #b3b3b3 H:193 S:0 B:70
補色 #b36b7f H:343 S:40 B:70 #b37b6b H:13 S:40 B:70 #b39e6b H:43 S:40 B:70
類似色 #6bb37b H:133 S:40 B:70 #6bb38c H:148 S:40 B:70 #6bb39e H:163 S:40 B:70 #6bb3b0 H:178 S:40 B:70 #6ba3b3 H:193 S:40 B:70 #6b91b3 H:208 S:40 B:70 #6b7fb3 H:223 S:40 B:70 #6b6db3 H:238 S:40 B:70 #7b6bb3 H:253 S:40 B:70

#6ba3b2 の配色パターン