#f368f6

Hexadecimal Color Code

軽い紫系の色

[RGB] R:243 G:104 B:246

[HSB] H:299 S:58 B:96

[L*a*b*] L*:66.22 a*:71.01 b*:-46.59

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

[HSL] H:299 S:89 L:69

[OKLCH] L:73.9% C:0.235 H:326.8

[Display-P3] R:0.8869 G:0.4412 B:0.9379

[コントラスト比] Aa 白 2.58:1 ×　Aa 黒 8.12:1 ◎

色相 #f56767 H:360 S:58 B:96 #f5677e H:350 S:58 B:96 #f56796 H:340 S:58 B:96 #f567ae H:330 S:58 B:96 #f567c5 H:320 S:58 B:96 #f567dd H:310 S:58 B:96 #f567f5 H:300 S:58 B:96 #dd67f5 H:290 S:58 B:96 #c567f5 H:280 S:58 B:96 #ae67f5 H:270 S:58 B:96 #9667f5 H:260 S:58 B:96 #7e67f5 H:250 S:58 B:96 #6767f5 H:240 S:58 B:96 #677ef5 H:230 S:58 B:96 #6796f5 H:220 S:58 B:96 #67aef5 H:210 S:58 B:96 #67c5f5 H:200 S:58 B:96 #67ddf5 H:190 S:58 B:96 #67f5f5 H:180 S:58 B:96 #67f5dd H:170 S:58 B:96 #67f5c5 H:160 S:58 B:96 #67f5ae H:150 S:58 B:96 #67f596 H:140 S:58 B:96 #67f57e H:130 S:58 B:96 #67f567 H:120 S:58 B:96 #7ef567 H:110 S:58 B:96 #96f567 H:100 S:58 B:96 #aef567 H:90 S:58 B:96 #c5f567 H:80 S:58 B:96 #ddf567 H:70 S:58 B:96 #f5f567 H:60 S:58 B:96 #f5dd67 H:50 S:58 B:96 #f5c567 H:40 S:58 B:96 #f5ae67 H:30 S:58 B:96 #f59667 H:20 S:58 B:96 #f57e67 H:10 S:58 B:96 #f56767 H:0 S:58 B:96
明度 #fd6bff H:299 S:58 B:100 #e360e6 H:299 S:58 B:90 #ca56cc H:299 S:58 B:80 #b14bb3 H:299 S:58 B:70 #984099 H:299 S:58 B:60 #7e3680 H:299 S:58 B:50 #652b66 H:299 S:58 B:40 #4c204d H:299 S:58 B:30 #331533 H:299 S:58 B:20 #190b1a H:299 S:58 B:10 #000000 H:299 S:58 B:0
彩度 #f100f5 H:299 S:100 B:96 #f118f5 H:299 S:90 B:96 #f231f5 H:299 S:80 B:96 #f249f5 H:299 S:70 B:96 #f262f5 H:299 S:60 B:96 #f37af5 H:299 S:50 B:96 #f393f5 H:299 S:40 B:96 #f4abf5 H:299 S:30 B:96 #f4c4f5 H:299 S:20 B:96 #f4dcf5 H:299 S:10 B:96 #f5f5f5 H:299 S:0 B:96
補色 #b0f567 H:89 S:58 B:96 #69f567 H:119 S:58 B:96 #67f5ab H:149 S:58 B:96
類似色 #6769f5 H:239 S:58 B:96 #8867f5 H:254 S:58 B:96 #ab67f5 H:269 S:58 B:96 #cf67f5 H:284 S:58 B:96 #f267f5 H:299 S:58 B:96 #f567d4 H:314 S:58 B:96 #f567b0 H:329 S:58 B:96 #f5678d H:344 S:58 B:96 #f56769 H:359 S:58 B:96

#f368f6 の配色パターン