#cda2f5

Hexadecimal Color Code

明るい灰みの紫系の色

[RGB] R:205 G:162 B:245

[HSB] H:271 S:34 B:96

[L*a*b*] L*:73.16 a*:31.26 b*:-35.52

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

[HSL] H:271 S:81 L:80

[OKLCH] L:78.1% C:0.123 H:307.5

[Display-P3] R:0.7774 G:0.6418 B:0.9396

[コントラスト比] Aa 白 2.08:1 ×　Aa 黒 10.08:1 ◎

色相 #f5a2a2 H:360 S:34 B:96 #f5a2af H:350 S:34 B:96 #f5a2bd H:340 S:34 B:96 #f5a2cb H:330 S:34 B:96 #f5a2d9 H:320 S:34 B:96 #f5a2e7 H:310 S:34 B:96 #f5a2f5 H:300 S:34 B:96 #e7a2f5 H:290 S:34 B:96 #d9a2f5 H:280 S:34 B:96 #cba2f5 H:270 S:34 B:96 #bda2f5 H:260 S:34 B:96 #afa2f5 H:250 S:34 B:96 #a2a2f5 H:240 S:34 B:96 #a2aff5 H:230 S:34 B:96 #a2bdf5 H:220 S:34 B:96 #a2cbf5 H:210 S:34 B:96 #a2d9f5 H:200 S:34 B:96 #a2e7f5 H:190 S:34 B:96 #a2f5f5 H:180 S:34 B:96 #a2f5e7 H:170 S:34 B:96 #a2f5d9 H:160 S:34 B:96 #a2f5cb H:150 S:34 B:96 #a2f5bd H:140 S:34 B:96 #a2f5af H:130 S:34 B:96 #a2f5a2 H:120 S:34 B:96 #aff5a2 H:110 S:34 B:96 #bdf5a2 H:100 S:34 B:96 #cbf5a2 H:90 S:34 B:96 #d9f5a2 H:80 S:34 B:96 #e7f5a2 H:70 S:34 B:96 #f5f5a2 H:60 S:34 B:96 #f5e7a2 H:50 S:34 B:96 #f5d9a2 H:40 S:34 B:96 #f5cba2 H:30 S:34 B:96 #f5bda2 H:20 S:34 B:96 #f5afa2 H:10 S:34 B:96 #f5a2a2 H:0 S:34 B:96
明度 #d5a8ff H:271 S:34 B:100 #c097e6 H:271 S:34 B:90 #aa87cc H:271 S:34 B:80 #9576b3 H:271 S:34 B:70 #806599 H:271 S:34 B:60 #6b5480 H:271 S:34 B:50 #554366 H:271 S:34 B:40 #40324d H:271 S:34 B:30 #2b2233 H:271 S:34 B:20 #15111a H:271 S:34 B:10 #000000 H:271 S:34 B:0
彩度 #7e00f5 H:271 S:100 B:96 #8a18f5 H:271 S:90 B:96 #9631f5 H:271 S:80 B:96 #a249f5 H:271 S:70 B:96 #ae62f5 H:271 S:60 B:96 #ba7af5 H:271 S:50 B:96 #c593f5 H:271 S:40 B:96 #d1abf5 H:271 S:30 B:96 #ddc4f5 H:271 S:20 B:96 #e9dcf5 H:271 S:10 B:96 #f5f5f5 H:271 S:0 B:96
補色 #f3f5a2 H:61 S:34 B:96 #caf5a2 H:91 S:34 B:96 #a2f5a3 H:121 S:34 B:96
類似色 #a2caf5 H:211 S:34 B:96 #a2b5f5 H:226 S:34 B:96 #a3a2f5 H:241 S:34 B:96 #b8a2f5 H:256 S:34 B:96 #cda2f5 H:271 S:34 B:96 #e1a2f5 H:286 S:34 B:96 #f5a2f3 H:301 S:34 B:96 #f5a2df H:316 S:34 B:96 #f5a2ca H:331 S:34 B:96

#cda2f5 の配色パターン