#a6daf4

Hexadecimal Color Code

明るい灰みの青系の色

[RGB] R:166 G:218 B:244

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

[L*a*b*] L*:84.36 a*:-10.67 b*:-18.09

[CMYK] C:38% M:5% Y:4% K:0%

[HSL] H:200 S:78 L:80

[OKLCH] L:86.1% C:0.065 H:230.1

[Display-P3] R:0.693 G:0.8491 B:0.9457

[コントラスト比] Aa 白 1.50:1 ×　Aa 黒 13.95:1 ◎

色相 #f5a6a6 H:360 S:32 B:96 #f5a6b4 H:350 S:32 B:96 #f5a6c1 H:340 S:32 B:96 #f5a6ce H:330 S:32 B:96 #f5a6db H:320 S:32 B:96 #f5a6e8 H:310 S:32 B:96 #f5a6f5 H:300 S:32 B:96 #e8a6f5 H:290 S:32 B:96 #dba6f5 H:280 S:32 B:96 #cea6f5 H:270 S:32 B:96 #c1a6f5 H:260 S:32 B:96 #b4a6f5 H:250 S:32 B:96 #a6a6f5 H:240 S:32 B:96 #a6b4f5 H:230 S:32 B:96 #a6c1f5 H:220 S:32 B:96 #a6cef5 H:210 S:32 B:96 #a6dbf5 H:200 S:32 B:96 #a6e8f5 H:190 S:32 B:96 #a6f5f5 H:180 S:32 B:96 #a6f5e8 H:170 S:32 B:96 #a6f5db H:160 S:32 B:96 #a6f5ce H:150 S:32 B:96 #a6f5c1 H:140 S:32 B:96 #a6f5b4 H:130 S:32 B:96 #a6f5a6 H:120 S:32 B:96 #b4f5a6 H:110 S:32 B:96 #c1f5a6 H:100 S:32 B:96 #cef5a6 H:90 S:32 B:96 #dbf5a6 H:80 S:32 B:96 #e8f5a6 H:70 S:32 B:96 #f5f5a6 H:60 S:32 B:96 #f5e8a6 H:50 S:32 B:96 #f5dba6 H:40 S:32 B:96 #f5cea6 H:30 S:32 B:96 #f5c1a6 H:20 S:32 B:96 #f5b4a6 H:10 S:32 B:96 #f5a6a6 H:0 S:32 B:96
明度 #ade4ff H:200 S:32 B:100 #9ccde6 H:200 S:32 B:90 #8bb6cc H:200 S:32 B:80 #799fb3 H:200 S:32 B:70 #688999 H:200 S:32 B:60 #577280 H:200 S:32 B:50 #455b66 H:200 S:32 B:40 #34444d H:200 S:32 B:30 #232e33 H:200 S:32 B:20 #11171a H:200 S:32 B:10 #000000 H:200 S:32 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
補色 #f5a6b4 H:350 S:32 B:96 #f5c1a6 H:20 S:32 B:96 #f5e8a6 H:50 S:32 B:96
類似色 #a6f5c1 H:140 S:32 B:96 #a6f5d4 H:155 S:32 B:96 #a6f5e8 H:170 S:32 B:96 #a6eef5 H:185 S:32 B:96 #a6dbf5 H:200 S:32 B:96 #a6c7f5 H:215 S:32 B:96 #a6b4f5 H:230 S:32 B:96 #ada6f5 H:245 S:32 B:96 #c1a6f5 H:260 S:32 B:96

#a6daf4 の配色パターン