#689ea3

Hexadecimal Color Code

灰みの青系の色

[RGB] R:104 G:158 B:163

[HSB] H:185 S:36 B:64

[L*a*b*] L*:61.68 a*:-16.46 b*:-8.26

[CMYK] C:63% M:29% Y:36% K:0%

[HSL] H:185 S:24 L:52

[OKLCH] L:66.3% C:0.057 H:203.3

[Display-P3] R:0.4548 G:0.614 B:0.6347

[コントラスト比] Aa 白 2.99:1 ×　Aa 黒 7.00:1 ◎

色相 #a36868 H:360 S:36 B:64 #a36872 H:350 S:36 B:64 #a3687c H:340 S:36 B:64 #a36886 H:330 S:36 B:64 #a36890 H:320 S:36 B:64 #a36899 H:310 S:36 B:64 #a368a3 H:300 S:36 B:64 #9968a3 H:290 S:36 B:64 #9068a3 H:280 S:36 B:64 #8668a3 H:270 S:36 B:64 #7c68a3 H:260 S:36 B:64 #7268a3 H:250 S:36 B:64 #6868a3 H:240 S:36 B:64 #6872a3 H:230 S:36 B:64 #687ca3 H:220 S:36 B:64 #6886a3 H:210 S:36 B:64 #6890a3 H:200 S:36 B:64 #6899a3 H:190 S:36 B:64 #68a3a3 H:180 S:36 B:64 #68a399 H:170 S:36 B:64 #68a390 H:160 S:36 B:64 #68a386 H:150 S:36 B:64 #68a37c H:140 S:36 B:64 #68a372 H:130 S:36 B:64 #68a368 H:120 S:36 B:64 #72a368 H:110 S:36 B:64 #7ca368 H:100 S:36 B:64 #86a368 H:90 S:36 B:64 #90a368 H:80 S:36 B:64 #99a368 H:70 S:36 B:64 #a3a368 H:60 S:36 B:64 #a39968 H:50 S:36 B:64 #a39068 H:40 S:36 B:64 #a38668 H:30 S:36 B:64 #a37c68 H:20 S:36 B:64 #a37268 H:10 S:36 B:64 #a36868 H:0 S:36 B:64
明度 #a3f7ff H:185 S:36 B:100 #93dfe6 H:185 S:36 B:90 #83c6cc H:185 S:36 B:80 #72adb3 H:185 S:36 B:70 #629499 H:185 S:36 B:60 #527c80 H:185 S:36 B:50 #416366 H:185 S:36 B:40 #314a4d H:185 S:36 B:30 #213133 H:185 S:36 B:20 #10191a H:185 S:36 B:10 #000000 H:185 S:36 B:0
彩度 #0096a3 H:185 S:100 B:64 #1097a3 H:185 S:90 B:64 #2198a3 H:185 S:80 B:64 #319aa3 H:185 S:70 B:64 #419ba3 H:185 S:60 B:64 #529ca3 H:185 S:50 B:64 #629ea3 H:185 S:40 B:64 #729fa3 H:185 S:30 B:64 #83a0a3 H:185 S:20 B:64 #93a2a3 H:185 S:10 B:64 #a3a3a3 H:185 S:0 B:64
補色 #a36881 H:335 S:36 B:64 #a36d68 H:5 S:36 B:64 #a38b68 H:35 S:36 B:64
類似色 #68a36d H:125 S:36 B:64 #68a37c H:140 S:36 B:64 #68a38b H:155 S:36 B:64 #68a399 H:170 S:36 B:64 #689ea3 H:185 S:36 B:64 #6890a3 H:200 S:36 B:64 #6881a3 H:215 S:36 B:64 #6872a3 H:230 S:36 B:64 #6d68a3 H:245 S:36 B:64

#689ea3 の配色パターン