#a5aff2

Hexadecimal Color Code

明るい灰みの青紫系の色

[RGB] R:165 G:175 B:242

[HSB] H:232 S:32 B:95

[L*a*b*] L*:72.93 a*:11.67 b*:-34.5

[CMYK] C:40% M:31% Y:0% K:0%

[HSL] H:232 S:75 L:80

[OKLCH] L:77.1% C:0.097 H:277.3

[Display-P3] R:0.6542 G:0.685 B:0.929

[コントラスト比] Aa 白 2.09:1 ×　Aa 黒 10.01:1 ◎

色相 #f2a5a5 H:360 S:32 B:95 #f2a5b2 H:350 S:32 B:95 #f2a5bf H:340 S:32 B:95 #f2a5cb H:330 S:32 B:95 #f2a5d8 H:320 S:32 B:95 #f2a5e5 H:310 S:32 B:95 #f2a5f2 H:300 S:32 B:95 #e5a5f2 H:290 S:32 B:95 #d8a5f2 H:280 S:32 B:95 #cba5f2 H:270 S:32 B:95 #bfa5f2 H:260 S:32 B:95 #b2a5f2 H:250 S:32 B:95 #a5a5f2 H:240 S:32 B:95 #a5b2f2 H:230 S:32 B:95 #a5bff2 H:220 S:32 B:95 #a5cbf2 H:210 S:32 B:95 #a5d8f2 H:200 S:32 B:95 #a5e5f2 H:190 S:32 B:95 #a5f2f2 H:180 S:32 B:95 #a5f2e5 H:170 S:32 B:95 #a5f2d8 H:160 S:32 B:95 #a5f2cb H:150 S:32 B:95 #a5f2bf H:140 S:32 B:95 #a5f2b2 H:130 S:32 B:95 #a5f2a5 H:120 S:32 B:95 #b2f2a5 H:110 S:32 B:95 #bff2a5 H:100 S:32 B:95 #cbf2a5 H:90 S:32 B:95 #d8f2a5 H:80 S:32 B:95 #e5f2a5 H:70 S:32 B:95 #f2f2a5 H:60 S:32 B:95 #f2e5a5 H:50 S:32 B:95 #f2d8a5 H:40 S:32 B:95 #f2cba5 H:30 S:32 B:95 #f2bfa5 H:20 S:32 B:95 #f2b2a5 H:10 S:32 B:95 #f2a5a5 H:0 S:32 B:95
明度 #adb8ff H:232 S:32 B:100 #9ca6e6 H:232 S:32 B:90 #8b93cc H:232 S:32 B:80 #7981b3 H:232 S:32 B:70 #686f99 H:232 S:32 B:60 #575c80 H:232 S:32 B:50 #454a66 H:232 S:32 B:40 #34374d H:232 S:32 B:30 #232533 H:232 S:32 B:20 #11121a H:232 S:32 B:10 #000000 H:232 S:32 B:0
彩度 #0020f2 H:232 S:100 B:95 #1835f2 H:232 S:90 B:95 #304af2 H:232 S:80 B:95 #495ff2 H:232 S:70 B:95 #6174f2 H:232 S:60 B:95 #7989f2 H:232 S:50 B:95 #919ef2 H:232 S:40 B:95 #aab3f2 H:232 S:30 B:95 #c2c8f2 H:232 S:20 B:95 #daddf2 H:232 S:10 B:95 #f2f2f2 H:232 S:0 B:95
補色 #f2c1a5 H:22 S:32 B:95 #f2e8a5 H:52 S:32 B:95 #d6f2a5 H:82 S:32 B:95
類似色 #a5f2e8 H:172 S:32 B:95 #a5e9f2 H:187 S:32 B:95 #a5d6f2 H:202 S:32 B:95 #a5c2f2 H:217 S:32 B:95 #a5aff2 H:232 S:32 B:95 #aea5f2 H:247 S:32 B:95 #c1a5f2 H:262 S:32 B:95 #d5a5f2 H:277 S:32 B:95 #e8a5f2 H:292 S:32 B:95

#a5aff2 の配色パターン