#5ba9e5

Hexadecimal Color Code

柔らかい青紫系の色

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

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

[Lab] L:66.71 a:-6.38 b:-37.39

[CMYK] C:63% M:25% Y:1% K:0%

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

[OKLCH] L:71% C:0.117 H:243.8

[Display-P3] R:0.4321 G:0.6554 B:0.8777

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

明度 #66bdff H:206 S:60 B:100 #5caae6 H:206 S:60 B:90 #5297cc H:206 S:60 B:80 #4784b3 H:206 S:60 B:70 #3d7199 H:206 S:60 B:60 #335e80 H:206 S:60 B:50 #294b66 H:206 S:60 B:40 #1f394d H:206 S:60 B:30 #142633 H:206 S:60 B:20 #0a131a H:206 S:60 B:10 #000000 H:206 S:60 B:0

彩度 #0082e6 H:206 S:100 B:90 #178ce6 H:206 S:90 B:90 #2e96e6 H:206 S:80 B:90 #45a0e6 H:206 S:70 B:90 #5caae6 H:206 S:60 B:90 #73b4e6 H:206 S:50 B:90 #8abee6 H:206 S:40 B:90 #a1c8e6 H:206 S:30 B:90 #b8d2e6 H:206 S:20 B:90 #cfdce6 H:206 S:10 B:90 #e6e6e6 H:206 S:0 B:90

補色 #e65c65 H:356 S:60 B:90 #e6975c H:26 S:60 B:90 #e6dc5c H:56 S:60 B:90

類似色 #5ce697 H:146 S:60 B:90 #5ce6ba H:161 S:60 B:90 #5ce6dc H:176 S:60 B:90 #5ccce6 H:191 S:60 B:90 #5caae6 H:206 S:60 B:90 #5c87e6 H:221 S:60 B:90 #5c65e6 H:236 S:60 B:90 #755ce6 H:251 S:60 B:90 #975ce6 H:266 S:60 B:90

#5ba9e5 の配色パターン