お気に入り

#5b89e5

Hexadecimal Color Code

柔らかい青紫系の色

[RGB] R:91 G:137 B:229

[HSB] H:220 S:60 B:90

[Lab] L:57.81 a:12.11 b:-51.4

[CMYK] C:68% M:44% Y:0% K:0%

[HSL] H:220 S:73 L:63

[OKLCH] L:64% C:0.147 H:262.9

[Display-P3] R:0.3965 G:0.5325 B:0.8721

[コントラスト比] Aa 白 3.41:1 △　Aa 黒 6.15:1 ○

色相 #e65c5c H:360 S:60 B:90 #e65c73 H:350 S:60 B:90 #e65c8a H:340 S:60 B:90 #e65ca1 H:330 S:60 B:90 #e65cb8 H:320 S:60 B:90 #e65ccf H:310 S:60 B:90 #e65ce6 H:300 S:60 B:90 #cf5ce6 H:290 S:60 B:90 #b85ce6 H:280 S:60 B:90 #a15ce6 H:270 S:60 B:90 #8a5ce6 H:260 S:60 B:90 #735ce6 H:250 S:60 B:90 #5c5ce6 H:240 S:60 B:90 #5c73e6 H:230 S:60 B:90 #5c8ae6 H:220 S:60 B:90 #5ca1e6 H:210 S:60 B:90 #5cb8e6 H:200 S:60 B:90 #5ccfe6 H:190 S:60 B:90 #5ce6e6 H:180 S:60 B:90 #5ce6cf H:170 S:60 B:90 #5ce6b8 H:160 S:60 B:90 #5ce6a1 H:150 S:60 B:90 #5ce68a H:140 S:60 B:90 #5ce673 H:130 S:60 B:90 #5ce65c H:120 S:60 B:90 #73e65c H:110 S:60 B:90 #8ae65c H:100 S:60 B:90 #a1e65c H:90 S:60 B:90 #b8e65c H:80 S:60 B:90 #cfe65c H:70 S:60 B:90 #e6e65c H:60 S:60 B:90 #e6cf5c H:50 S:60 B:90 #e6b85c H:40 S:60 B:90 #e6a15c H:30 S:60 B:90 #e68a5c H:20 S:60 B:90 #e6735c H:10 S:60 B:90 #e65c5c H:0 S:60 B:90

明度 #6699ff H:220 S:60 B:100 #5c8ae6 H:220 S:60 B:90 #527acc H:220 S:60 B:80 #476bb3 H:220 S:60 B:70 #3d5c99 H:220 S:60 B:60 #334d80 H:220 S:60 B:50 #293d66 H:220 S:60 B:40 #1f2e4d H:220 S:60 B:30 #141f33 H:220 S:60 B:20 #0a0f1a H:220 S:60 B:10 #000000 H:220 S:60 B:0

彩度 #004de6 H:220 S:100 B:90 #175ce6 H:220 S:90 B:90 #2e6be6 H:220 S:80 B:90 #457ae6 H:220 S:70 B:90 #5c8ae6 H:220 S:60 B:90 #7399e6 H:220 S:50 B:90 #8aa8e6 H:220 S:40 B:90 #a1b8e6 H:220 S:30 B:90 #b8c7e6 H:220 S:20 B:90 #cfd6e6 H:220 S:10 B:90 #e6e6e6 H:220 S:0 B:90

補色 #e6735c H:10 S:60 B:90 #e6b85c H:40 S:60 B:90 #cfe65c H:70 S:60 B:90

類似色 #5ce6b8 H:160 S:60 B:90 #5ce6da H:175 S:60 B:90 #5ccfe6 H:190 S:60 B:90 #5cace6 H:205 S:60 B:90 #5c8ae6 H:220 S:60 B:90 #5c67e6 H:235 S:60 B:90 #735ce6 H:250 S:60 B:90 #955ce6 H:265 S:60 B:90 #b85ce6 H:280 S:60 B:90

#5b89e5 の配色パターン