#5baee5

Hexadecimal Color Code

柔らかい青紫系の色

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

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

[Lab] L:68.13 a:-9.13 b:-35.19

[CMYK] C:63% M:22% Y:3% K:0%

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

[OKLCH] L:72.1% C:0.114 H:240

[Display-P3] R:0.4381 G:0.6746 B:0.8787

[コントラスト比] Aa 白 2.43:1 ×　Aa 黒 8.63: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

明度 #66c2ff H:204 S:60 B:100 #5caee6 H:204 S:60 B:90 #529bcc H:204 S:60 B:80 #4788b3 H:204 S:60 B:70 #3d7499 H:204 S:60 B:60 #336180 H:204 S:60 B:50 #294e66 H:204 S:60 B:40 #1f3a4d H:204 S:60 B:30 #142733 H:204 S:60 B:20 #0a131a H:204 S:60 B:10 #000000 H:204 S:60 B:0

彩度 #008ae6 H:204 S:100 B:90 #1793e6 H:204 S:90 B:90 #2e9ce6 H:204 S:80 B:90 #45a5e6 H:204 S:70 B:90 #5caee6 H:204 S:60 B:90 #73b8e6 H:204 S:50 B:90 #8ac1e6 H:204 S:40 B:90 #a1cae6 H:204 S:30 B:90 #b8d3e6 H:204 S:20 B:90 #cfdce6 H:204 S:10 B:90 #e6e6e6 H:204 S:0 B:90

補色 #e65c6a H:354 S:60 B:90 #e6935c H:24 S:60 B:90 #e6d85c H:54 S:60 B:90

類似色 #5ce693 H:144 S:60 B:90 #5ce6b5 H:159 S:60 B:90 #5ce6d8 H:174 S:60 B:90 #5cd1e6 H:189 S:60 B:90 #5caee6 H:204 S:60 B:90 #5c8ce6 H:219 S:60 B:90 #5c6ae6 H:234 S:60 B:90 #705ce6 H:249 S:60 B:90 #935ce6 H:264 S:60 B:90

#5baee5 の配色パターン