#60a2e5

Hexadecimal Color Code

柔らかい青紫系の色

[RGB] R:96 G:162 B:229

[HSB] H:210 S:58 B:90

[L*a*b*] L*:64.94 a*:-1.5 b*:-40.13

[CMYK] C:63% M:30% Y:0% K:0%

[HSL] H:210 S:72 L:64

[OKLCH] L:69.6% C:0.12 H:250.3

[Display-P3] R:0.4371 G:0.6288 B:0.8764

[コントラスト比] Aa 白 2.69:1 ×　Aa 黒 7.79:1 ◎

色相 #e66060 H:360 S:58 B:90 #e66077 H:350 S:58 B:90 #e6608d H:340 S:58 B:90 #e660a3 H:330 S:58 B:90 #e660b9 H:320 S:58 B:90 #e660cf H:310 S:58 B:90 #e660e6 H:300 S:58 B:90 #cf60e6 H:290 S:58 B:90 #b960e6 H:280 S:58 B:90 #a360e6 H:270 S:58 B:90 #8d60e6 H:260 S:58 B:90 #7760e6 H:250 S:58 B:90 #6060e6 H:240 S:58 B:90 #6077e6 H:230 S:58 B:90 #608de6 H:220 S:58 B:90 #60a3e6 H:210 S:58 B:90 #60b9e6 H:200 S:58 B:90 #60cfe6 H:190 S:58 B:90 #60e6e6 H:180 S:58 B:90 #60e6cf H:170 S:58 B:90 #60e6b9 H:160 S:58 B:90 #60e6a3 H:150 S:58 B:90 #60e68d H:140 S:58 B:90 #60e677 H:130 S:58 B:90 #60e660 H:120 S:58 B:90 #77e660 H:110 S:58 B:90 #8de660 H:100 S:58 B:90 #a3e660 H:90 S:58 B:90 #b9e660 H:80 S:58 B:90 #cfe660 H:70 S:58 B:90 #e6e660 H:60 S:58 B:90 #e6cf60 H:50 S:58 B:90 #e6b960 H:40 S:58 B:90 #e6a360 H:30 S:58 B:90 #e68d60 H:20 S:58 B:90 #e67760 H:10 S:58 B:90 #e66060 H:0 S:58 B:90
明度 #6bb5ff H:210 S:58 B:100 #60a3e6 H:210 S:58 B:90 #5691cc H:210 S:58 B:80 #4b7fb3 H:210 S:58 B:70 #406d99 H:210 S:58 B:60 #365b80 H:210 S:58 B:50 #2b4866 H:210 S:58 B:40 #20364d H:210 S:58 B:30 #152433 H:210 S:58 B:20 #0b121a H:210 S:58 B:10 #000000 H:210 S:58 B:0
彩度 #0073e6 H:210 S:100 B:90 #177ee6 H:210 S:90 B:90 #2e8ae6 H:210 S:80 B:90 #4595e6 H:210 S:70 B:90 #5ca1e6 H:210 S:60 B:90 #73ace6 H:210 S:50 B:90 #8ab8e6 H:210 S:40 B:90 #a1c3e6 H:210 S:30 B:90 #b8cfe6 H:210 S:20 B:90 #cfdae6 H:210 S:10 B:90 #e6e6e6 H:210 S:0 B:90
補色 #e66060 H:0 S:58 B:90 #e6a360 H:30 S:58 B:90 #e6e660 H:60 S:58 B:90
類似色 #60e6a3 H:150 S:58 B:90 #60e6c4 H:165 S:58 B:90 #60e6e6 H:180 S:58 B:90 #60c4e6 H:195 S:58 B:90 #60a3e6 H:210 S:58 B:90 #6082e6 H:225 S:58 B:90 #6060e6 H:240 S:58 B:90 #8260e6 H:255 S:58 B:90 #a360e6 H:270 S:58 B:90

#60a2e5 の配色パターン