#6b6bf4

Hexadecimal Color Code

軽い青紫系の色

[RGB] R:107 G:107 B:244

[HSB] H:240 S:56 B:96

[Lab] L:52.02 a:38.05 b:-69

[CMYK] C:71% M:62% Y:0% K:0%

[HSL] H:240 S:86 L:69

[OKLCH] L:60.2% C:0.2 H:278.5

[Display-P3] R:0.4196 G:0.4196 B:0.9245

[コントラスト比] Aa 白 4.17:1 △　Aa 黒 5.03:1 ○

色相 #f56c6c H:360 S:56 B:96 #f56c83 H:350 S:56 B:96 #f56c99 H:340 S:56 B:96 #f56cb0 H:330 S:56 B:96 #f56cc7 H:320 S:56 B:96 #f56cde H:310 S:56 B:96 #f56cf5 H:300 S:56 B:96 #de6cf5 H:290 S:56 B:96 #c76cf5 H:280 S:56 B:96 #b06cf5 H:270 S:56 B:96 #996cf5 H:260 S:56 B:96 #836cf5 H:250 S:56 B:96 #6c6cf5 H:240 S:56 B:96 #6c83f5 H:230 S:56 B:96 #6c99f5 H:220 S:56 B:96 #6cb0f5 H:210 S:56 B:96 #6cc7f5 H:200 S:56 B:96 #6cdef5 H:190 S:56 B:96 #6cf5f5 H:180 S:56 B:96 #6cf5de H:170 S:56 B:96 #6cf5c7 H:160 S:56 B:96 #6cf5b0 H:150 S:56 B:96 #6cf599 H:140 S:56 B:96 #6cf583 H:130 S:56 B:96 #6cf56c H:120 S:56 B:96 #83f56c H:110 S:56 B:96 #99f56c H:100 S:56 B:96 #b0f56c H:90 S:56 B:96 #c7f56c H:80 S:56 B:96 #def56c H:70 S:56 B:96 #f5f56c H:60 S:56 B:96 #f5de6c H:50 S:56 B:96 #f5c76c H:40 S:56 B:96 #f5b06c H:30 S:56 B:96 #f5996c H:20 S:56 B:96 #f5836c H:10 S:56 B:96 #f56c6c H:0 S:56 B:96

明度 #7070ff H:240 S:56 B:100 #6565e6 H:240 S:56 B:90 #5a5acc H:240 S:56 B:80 #4f4fb3 H:240 S:56 B:70 #434399 H:240 S:56 B:60 #383880 H:240 S:56 B:50 #2d2d66 H:240 S:56 B:40 #22224d H:240 S:56 B:30 #161633 H:240 S:56 B:20 #0b0b1a H:240 S:56 B:10 #000000 H:240 S:56 B:0

彩度 #0000f5 H:240 S:100 B:96 #1818f5 H:240 S:90 B:96 #3131f5 H:240 S:80 B:96 #4949f5 H:240 S:70 B:96 #6262f5 H:240 S:60 B:96 #7a7af5 H:240 S:50 B:96 #9393f5 H:240 S:40 B:96 #ababf5 H:240 S:30 B:96 #c4c4f5 H:240 S:20 B:96 #dcdcf5 H:240 S:10 B:96 #f5f5f5 H:240 S:0 B:96

補色 #f5b06c H:30 S:56 B:96 #f5f56c H:60 S:56 B:96 #b0f56c H:90 S:56 B:96

類似色 #6cf5f5 H:180 S:56 B:96 #6cd3f5 H:195 S:56 B:96 #6cb0f5 H:210 S:56 B:96 #6c8ef5 H:225 S:56 B:96 #6c6cf5 H:240 S:56 B:96 #8e6cf5 H:255 S:56 B:96 #b06cf5 H:270 S:56 B:96 #d36cf5 H:285 S:56 B:96 #f56cf5 H:300 S:56 B:96

#6b6bf4 の配色パターン