#6b77fb

Hexadecimal Color Code

軽い青紫系の色

[RGB] R:107 G:119 B:251

[HSB] H:235 S:57 B:98

[Lab] L:55.36 a:33.09 b:-67.5

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

[HSL] H:235 S:95 L:70

[OKLCH] L:62.8% C:0.194 H:275.4

[Display-P3] R:0.4284 G:0.4652 B:0.952

[コントラスト比] Aa 白 3.71:1 △　Aa 黒 5.65:1 ○

色相 #fa6b6b H:360 S:57 B:98 #fa6b83 H:350 S:57 B:98 #fa6b9b H:340 S:57 B:98 #fa6bb3 H:330 S:57 B:98 #fa6bca H:320 S:57 B:98 #fa6be2 H:310 S:57 B:98 #fa6bfa H:300 S:57 B:98 #e26bfa H:290 S:57 B:98 #ca6bfa H:280 S:57 B:98 #b36bfa H:270 S:57 B:98 #9b6bfa H:260 S:57 B:98 #836bfa H:250 S:57 B:98 #6b6bfa H:240 S:57 B:98 #6b83fa H:230 S:57 B:98 #6b9bfa H:220 S:57 B:98 #6bb3fa H:210 S:57 B:98 #6bcafa H:200 S:57 B:98 #6be2fa H:190 S:57 B:98 #6bfafa H:180 S:57 B:98 #6bfae2 H:170 S:57 B:98 #6bfaca H:160 S:57 B:98 #6bfab3 H:150 S:57 B:98 #6bfa9b H:140 S:57 B:98 #6bfa83 H:130 S:57 B:98 #6bfa6b H:120 S:57 B:98 #83fa6b H:110 S:57 B:98 #9bfa6b H:100 S:57 B:98 #b3fa6b H:90 S:57 B:98 #cafa6b H:80 S:57 B:98 #e2fa6b H:70 S:57 B:98 #fafa6b H:60 S:57 B:98 #fae26b H:50 S:57 B:98 #faca6b H:40 S:57 B:98 #fab36b H:30 S:57 B:98 #fa9b6b H:20 S:57 B:98 #fa836b H:10 S:57 B:98 #fa6b6b H:0 S:57 B:98

明度 #6e7aff H:235 S:57 B:100 #636ee6 H:235 S:57 B:90 #5861cc H:235 S:57 B:80 #4d55b3 H:235 S:57 B:70 #424999 H:235 S:57 B:60 #373d80 H:235 S:57 B:50 #2c3166 H:235 S:57 B:40 #21254d H:235 S:57 B:30 #161833 H:235 S:57 B:20 #0b0c1a H:235 S:57 B:10 #000000 H:235 S:57 B:0

彩度 #0015fa H:235 S:100 B:98 #192cfa H:235 S:90 B:98 #3243fa H:235 S:80 B:98 #4b5afa H:235 S:70 B:98 #6470fa H:235 S:60 B:98 #7d87fa H:235 S:50 B:98 #969efa H:235 S:40 B:98 #afb5fa H:235 S:30 B:98 #c8ccfa H:235 S:20 B:98 #e1e3fa H:235 S:10 B:98 #fafafa H:235 S:0 B:98

補色 #faa76b H:25 S:57 B:98 #faee6b H:55 S:57 B:98 #bffa6b H:85 S:57 B:98

類似色 #6bfaee H:175 S:57 B:98 #6be2fa H:190 S:57 B:98 #6bbffa H:205 S:57 B:98 #6b9bfa H:220 S:57 B:98 #6b77fa H:235 S:57 B:98 #836bfa H:250 S:57 B:98 #a76bfa H:265 S:57 B:98 #ca6bfa H:280 S:57 B:98 #ee6bfa H:295 S:57 B:98

#6b77fb の配色パターン