#7accf4

Hexadecimal Color Code

軽い青系の色

[RGB] R:122 G:204 B:244

[HSB] H:200 S:50 B:96

[L*a*b*] L*:78.37 a*:-14.38 b*:-27.4

[CMYK] C:52% M:7% Y:4% K:0%

[HSL] H:200 S:85 L:72

[OKLCH] L:80.8% C:0.098 H:230.9

[Display-P3] R:0.5538 G:0.7919 B:0.9409

[コントラスト比] Aa 白 1.78:1 ×　Aa 黒 11.77:1 ◎

色相 #f57a7a H:360 S:50 B:96 #f57a8f H:350 S:50 B:96 #f57aa3 H:340 S:50 B:96 #f57ab8 H:330 S:50 B:96 #f57acc H:320 S:50 B:96 #f57ae0 H:310 S:50 B:96 #f57af5 H:300 S:50 B:96 #e07af5 H:290 S:50 B:96 #cc7af5 H:280 S:50 B:96 #b87af5 H:270 S:50 B:96 #a37af5 H:260 S:50 B:96 #8f7af5 H:250 S:50 B:96 #7a7af5 H:240 S:50 B:96 #7a8ff5 H:230 S:50 B:96 #7aa3f5 H:220 S:50 B:96 #7ab8f5 H:210 S:50 B:96 #7accf5 H:200 S:50 B:96 #7ae0f5 H:190 S:50 B:96 #7af5f5 H:180 S:50 B:96 #7af5e0 H:170 S:50 B:96 #7af5cc H:160 S:50 B:96 #7af5b8 H:150 S:50 B:96 #7af5a3 H:140 S:50 B:96 #7af58f H:130 S:50 B:96 #7af57a H:120 S:50 B:96 #8ff57a H:110 S:50 B:96 #a3f57a H:100 S:50 B:96 #b8f57a H:90 S:50 B:96 #ccf57a H:80 S:50 B:96 #e0f57a H:70 S:50 B:96 #f5f57a H:60 S:50 B:96 #f5e07a H:50 S:50 B:96 #f5cc7a H:40 S:50 B:96 #f5b87a H:30 S:50 B:96 #f5a37a H:20 S:50 B:96 #f58f7a H:10 S:50 B:96 #f57a7a H:0 S:50 B:96
明度 #80d5ff H:200 S:50 B:100 #73bfe6 H:200 S:50 B:90 #66aacc H:200 S:50 B:80 #5995b3 H:200 S:50 B:70 #4d8099 H:200 S:50 B:60 #406a80 H:200 S:50 B:50 #335566 H:200 S:50 B:40 #26404d H:200 S:50 B:30 #1a2b33 H:200 S:50 B:20 #0d151a H:200 S:50 B:10 #000000 H:200 S:50 B:0
彩度 #00a3f5 H:200 S:100 B:96 #18abf5 H:200 S:90 B:96 #31b4f5 H:200 S:80 B:96 #49bcf5 H:200 S:70 B:96 #62c4f5 H:200 S:60 B:96 #7accf5 H:200 S:50 B:96 #93d4f5 H:200 S:40 B:96 #abdcf5 H:200 S:30 B:96 #c4e4f5 H:200 S:20 B:96 #dcedf5 H:200 S:10 B:96 #f5f5f5 H:200 S:0 B:96
補色 #f57a8f H:350 S:50 B:96 #f5a37a H:20 S:50 B:96 #f5e07a H:50 S:50 B:96
類似色 #7af5a3 H:140 S:50 B:96 #7af5c2 H:155 S:50 B:96 #7af5e0 H:170 S:50 B:96 #7aebf5 H:185 S:50 B:96 #7accf5 H:200 S:50 B:96 #7aadf5 H:215 S:50 B:96 #7a8ff5 H:230 S:50 B:96 #857af5 H:245 S:50 B:96 #a37af5 H:260 S:50 B:96

#7accf4 の配色パターン