#dedef4

Hexadecimal Color Code

やや灰色い青紫系の色

[RGB] R:222 G:222 B:244

[HSB] H:240 S:9 B:96

[L*a*b*] L*:89.06 a*:4.12 b*:-10.68

[CMYK] C:15% M:14% Y:0% K:0%

[HSL] H:240 S:50 L:91

[OKLCH] L:90.7% C:0.03 H:285.8

[Display-P3] R:0.8706 G:0.8706 B:0.9496

[コントラスト比] Aa 白 1.32:1 ×　Aa 黒 15.86:1 ◎

色相 #f5dfdf H:360 S:9 B:96 #f5dfe2 H:350 S:9 B:96 #f5dfe6 H:340 S:9 B:96 #f5dfea H:330 S:9 B:96 #f5dfed H:320 S:9 B:96 #f5dff1 H:310 S:9 B:96 #f5dff5 H:300 S:9 B:96 #f1dff5 H:290 S:9 B:96 #eddff5 H:280 S:9 B:96 #eadff5 H:270 S:9 B:96 #e6dff5 H:260 S:9 B:96 #e2dff5 H:250 S:9 B:96 #dfdff5 H:240 S:9 B:96 #dfe2f5 H:230 S:9 B:96 #dfe6f5 H:220 S:9 B:96 #dfeaf5 H:210 S:9 B:96 #dfedf5 H:200 S:9 B:96 #dff1f5 H:190 S:9 B:96 #dff5f5 H:180 S:9 B:96 #dff5f1 H:170 S:9 B:96 #dff5ed H:160 S:9 B:96 #dff5ea H:150 S:9 B:96 #dff5e6 H:140 S:9 B:96 #dff5e2 H:130 S:9 B:96 #dff5df H:120 S:9 B:96 #e2f5df H:110 S:9 B:96 #e6f5df H:100 S:9 B:96 #eaf5df H:90 S:9 B:96 #edf5df H:80 S:9 B:96 #f1f5df H:70 S:9 B:96 #f5f5df H:60 S:9 B:96 #f5f1df H:50 S:9 B:96 #f5eddf H:40 S:9 B:96 #f5eadf H:30 S:9 B:96 #f5e6df H:20 S:9 B:96 #f5e2df H:10 S:9 B:96 #f5dfdf H:0 S:9 B:96
明度 #e8e8ff H:240 S:9 B:100 #d1d1e6 H:240 S:9 B:90 #babacc H:240 S:9 B:80 #a2a2b3 H:240 S:9 B:70 #8b8b99 H:240 S:9 B:60 #747480 H:240 S:9 B:50 #5d5d66 H:240 S:9 B:40 #46464d H:240 S:9 B:30 #2e2e33 H:240 S:9 B:20 #17171a H:240 S:9 B:10 #000000 H:240 S:9 B:0
彩度 #0000f5 H:240 S:100 B:96 #1818f5 H:240 S:90 B:96 #3131f5 H:240 S:80 B:96 #4949f5 H:240 S:70 B:96 #6262f5 H:240 S:60 B:96 #7a7af5 H:240 S:50 B:96 #9393f5 H:240 S:40 B:96 #ababf5 H:240 S:30 B:96 #c4c4f5 H:240 S:20 B:96 #dcdcf5 H:240 S:10 B:96 #f5f5f5 H:240 S:0 B:96
補色 #f5eadf H:30 S:9 B:96 #f5f5df H:60 S:9 B:96 #eaf5df H:90 S:9 B:96
類似色 #dff5f5 H:180 S:9 B:96 #dfeff5 H:195 S:9 B:96 #dfeaf5 H:210 S:9 B:96 #dfe4f5 H:225 S:9 B:96 #dfdff5 H:240 S:9 B:96 #e4dff5 H:255 S:9 B:96 #eadff5 H:270 S:9 B:96 #efdff5 H:285 S:9 B:96 #f5dff5 H:300 S:9 B:96

#dedef4 の配色パターン